一、函数

  1. 什么是函数
function show(){}//不带参数
function show(){return 123;}//不带参数,有返回值
function show(arg1, arg2,...){}//可带一个或多个参数
function show(a, b){//带参数，并有返回值
  return a+b;
}

　　函数实例：获取元素样式

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
#div1{ width:100px; height:100px; background:red;}
</style>
<script>
//获取元素样式
function getStyle(obj, attr){
    if(obj.currentStyle){
        return obj.currentStyle[attr];
    }else{
        return getComputedStyle(obj, false)[attr];
    }
}

window.onload = function(){
    var oDiv = document.getElementById('div1');

    alert(getStyle(oDiv, 'width'));
    alert(getStyle(oDiv, 'color'));

};
</script>
</head>

<body>
<div id="div1" style="color:#fff">color</div>
</body>
</html>

　　2. 函数的参数（不定参,可变参）

//求和
function add(){
    var result = 0;
    for(var i=0;i<arguments.length;i++){
        result += arguments[i];
    }
    return result;
}

alert(add(1,2,3));

二、数组

  1. 数组定义

　　var arr = [1, 2, 3, 4, 5];　　var arr2 = new Array(1, 2, 3, 4, 5);

　　2. 属性：length

　　既可以获取数组长度，也可以设置长度，可以用来清空数组,如：var arr = [1, 2, 3, 4, 5];　　arr.length = 0;

　　数组中应只存一种数据类型

　　3. 数组方法：

添加删除：push()从末尾添加, pop()从末尾移除;　　unshift()从首位添加, shift()从首位移除;

　　4. 排序转换：

var arr = [2, 44, 118, 90, 1, 33, 29];

arr.sort(function(num1, num2){
    return num1-num2;
});

alert(arr);

　　　　数组连接:concat();　　　arr1.concat(arr2);

　　　　数组join：用分隔符把数组转换成字符串　　var arr = [1, 3, 4, 5, 6];　　var str = arr.join('-');　　//1-3-4-5-6;

　　　　字符串split：用分隔符把字符串拆分成数组　　var str = '1-2-3-4-5';　　var arr = str.split('-');　　//[1,2,3,4,5];

　　5. 数组的插入删除（splice）

　　splice(index, count, elem1, elem2, ..., elemN);　　//开始位置， 长度，

var arr = [2, 44, 118, 90, 1, 33, 29];

//删除
//arr.splice(2, 2);

//插入
//arr.splice(2, 0, 100)

//替换
//arr.splice(2, 1, 99);

alert(arr);

javascript每日一练（二）——javascript（函数，数组）的更多相关文章

  1. JavaScript学习总结(十二)——JavaScript编写类

    在工作中经常用到JavaScript,今天总结一下JavaScript编写类的几种写法以及这几种写法的优缺点,关于JavaScript编写类的方式,在网上看到很多,而且每个人的写法都不太一样,经常看到 ...

  2. JavaScript学习笔记（二）——函数和数组

    第二章 函数简介 1 第一个函数示例 <script language="JavaScript" type="text/JavaScript"> f ...

  3. javascript每日一练（十二）——运动框架

    运动框架 可以实现多物体任意值运动 例子: <!doctype html> <html> <head> <meta charset="utf-8&q ...

  4. javascript每日一练（十）——运动二：缓冲运动

    一.缓冲运动 实现原理:(目标距离-当前距离) / 基数 = 速度(运动距离越大速度越小,运动距离和速度成反比) (500 - oDiv.offsetLeft) / 7 = iSpeed; 需要注意: ...

  5. javascript每日一练（七）——事件二：键盘事件

    一.键盘事件 onkeydown触发, keyCode键盘编码 ctrlKey altKey shiftKey 键盘控制div移动 <!doctype html> <html> ...

  6. javascript每日一练（四）——DOM二

    一.DOM的创建,插入,删除 createElement(标签名) appendChild(节点) insertBefore(节点,原有节点) removeChild(节点) <!doctype ...

  7. javascript每日一练（一）——javascript基础

    一.javascript的组成 ECMAScript DOM BOM 二.变量类型 常见类型有:number, string, boolean, undefined, object, function ...

  8. Javascript异步编程之二回调函数

    上一节讲异步原理的时候基本上把回掉函数也捎带讲了一些,这节主要举几个例子来具体化一下.在开始之前,首先要明白一件事,在javascript里函数可以作为参数进行传递,这里涉及到高阶函数的概念,大家可以 ...

  9. javascript 学习总结（二）Array数组

    1.数组常用方法 var colors = ["red", "blue", "green"]; //creates an array wit ...

随机推荐

  1. Ubuntu基本设置

    (1)  为了启用 root 帐号 (也就是 设置一个口令) 使用: sudo passwd root 1.设置IP, 终端输入 sudo gedit /etc/network/interfaces ...

  2. 17.2?Replication Implementation 复制实施:

    17.2?Replication Implementation 复制实施: 17.2.1 Replication Implementation Details 17.2.2 Replication R ...

  3. POJ 3518 Prime Gap（素数题）

    [题意简述]:输入一个数,假设这个数是素数就输出0,假设不是素数就输出离它近期的两个素数的差值,叫做Prime Gap. [分析]:这题过得非常险.由于我是打的素数表. 由于最大的素数是1299709 ...

  4. 平实给力的写作指导入门手冊——leo鉴书57

    写作是个体力活儿,须要不断的练习和砥砺.既然是体力劳动,那必定有套路,前人总结.后人学习并加以积累沉积,日久则形成不同的风格和流派有点儿像.相同,写作也有自己的套路和学习路径.初涉写作有必备之书吗?当 ...

  5. SpringMVC+Mybatis+Mysql实战项目学习--环境搭建

    1.开发IDE:Spring Tool Suite(自带maven插件) 下载地址https://spring.io/tools/sts/all 在STS.ini配置信息中加下面一行 保证编码格式为u ...

  6. C#_会员管理系统：开发六（数据搜索）

    增加界面中的搜索功能 会员资料管理界面(VIPManager.cs): 详细代码如下: using System; using System.Collections.Generic; using Sy ...

  7. 驱动： 中断【1】linux中断流程

    通常情况下,当一个给定的中断处理程序正在执行时,所有其他的中断都是打开的,所以这些不同中断线上的其他中断都能被处理,但当前中断总是被禁止的. 将中断处理切为两个部分或两半.中断处理程序上半部(top ...

  8. 【论文阅读】Parsing Clothing in Fashion Photographs（翻译与理解）

    发表于2012年 作者:Kota Yamaguchi M.Hadi Kiapour Luis E.Ortiz Tamara L.Berg 摘要:展示了一个从时装图片中解析衣服的有效方法,提供了一个一般 ...

  9. Codeforces 510B Fox And Two Dots 【DFS】

    好久好久,都没有写过搜索了,看了下最近在CF上有一道DFS水题 = = 数据量很小,爆搜一下也可以过 额外注意的就是防止往回搜索需要做一个判断. Source code: //#pragma comm ...

  10. (step8.2.2)hdu 2509(Be the Winner——简单博弈)

    题目大意:输入一个整数n,表示火柴堆数(原题其实指的是苹果堆数,但是为了尽量与模板保持一致,所以在这里理解为火柴堆数....其实理解为什么都没关系, 重要的是,理解就行....).在接下来的一行中,有 ...