JavaScript学习（八）——数组

JS中的数组是一个对象。

一.创建对象

不传参数创建空数组

var data=new Array();

传入两个以上的参数的话，是会创建一个以参数为元素的数组

var data=new Array(5,2,0);

但是如果传入一个参数的话，会创建一个长度为参数的数组

var data=new Array(5);//长度为5的数组

二.向数组中添加元素——Js中向数组中添加元素比C++/C简单，直接使用数组下标赋值就可以了

data[0]=5;
data[1]=2;
data[2]=0;
data[5]=56;

三.返回数组长度的属性——如果是非连续赋值的数组那么返回的是最后面的元素下标+1，没有赋值那一部分为undefined，而且可以直接修改数组长度，变长那一部分未赋值的是undefined，变短的话，会舍掉超出部分的元素数值。

for(var i=0;i<data.length;i++){
    //if(data[i]!=undefined)
    document.write(data[i]+"</br>");
}

四.字面量创建数组

var arr=[5,2,0];

五.Js数组中的每个位置可以放置任意类型的元素

var arr=[5,"JS数组真的奇葩",{
    name:"tbw",
    loving:"打球"},
function(){
    document.write("JS数组啥都能放，连函数都可以啊！！");
},
[1,1,1]];

 六.数组中常用方法

push()，向数组末尾添加一个或者多个元素，返回数组添加后新的长度

array.push(52,0,25,0)

pop()，把数组最后的一个元素删除，并将被删除的元素作为返回值返回

unshift()，向数组开头添加一个或者多个元素，并返回新的数组的长度

array.unshift(52,0,25,0)

shift()，可以删除数组的第一个元素，并返回被删除的元素

slice()，可以用来从数组中提取指定元素，把指定元素提取到一个新的数组返回，第一个参数是截取开始的位置索引，会包含这个开始的元素，第二个参数是截取结束位置的索引，最后返回的数组不会包含最后结束的元素。第二个参数省略不写的话，就是返回从包含数组一直到数组结尾的所有元素，如果第二个参数传递负数的话结束位置会从后往前计算，-n代表倒数第n个位置是结束位置（任然不包含）。

splice()，可以用于删除数组中的元素，会影响原数组，把指定下标的元素从原数组中删除，并将被删除的元素作为返回值返回，第一个参数表示开始位置的索引，第二个参数是删除元素的数量，第三个参数以及以后的参数是插入数组中的元素，这些元素会自动的插入到开始位置索引之前，没有长度限制。被删除的元素位置之后的元素会自动补齐。

conact()，可以连接两个或者多个数组，并将新的数组返回，不会对原数组产生影响

join()，可以把数组转换为一个字符串返回，不会影响原数组，在传参的时候可以指定一个字符串作为参数，这个字符串会成为数组中的元素的连接符，不传参的话会默认逗号为连接符，抹去逗号可以传空字符串。

reverse()，翻转数组，直接修改原数组

sort()，对数组中的元素默认按照Unicode编码排序，修改原数组。即使对于纯数字的排序也会按照Unicode排序

ar arr=[5,20,0];
arr.sort();
arr.forEach(function(value,index,obj){
    document.write(value+" ");//value是正在遍历的数组   
});

所以为了正确的排序可以自己指定排序规则，我们可以在sort()中添加一个回调函数来指定排序规则，回调函数中需要定义两个形参，浏览器会分别使用数组中的元素作为实参去调用回调函数，使用的元素调用不确定，但是a一定是在b前面的元素值，然后浏览器会根据回调函数的返回值来决定元素的顺序，如果返回一个大于0的值，则元素会交换位置，如果返回一个小于0的值，则元素位置不变，如果返回一个0，则认为两个元素相等，也不交换位置。

下面的是一个升序排列回调函数

var arr=[3,4,11,5,2];
//重写排序函数
arr.sort(function(a,b){
    //前边的大
    if(a>b){
        return 1;
    }else if(a<b){
        return -1;
    }else{
        return 0;
    }
});

arr.forEach(function(value,index,obj){
    document.write(value+" ");
});

简化升序回调函数

var arr=[3,4,11,5,2];
//重写排序函数
arr.sort(function(a,b){
return a-b;
});

arr.forEach(function(value,index,obj){
    document.write(value+" ");
});

七.JS中遍历数组的方法除了循环之外还有forEach

var arr=[5,2,0];
arr.forEach(function(value,index,obj){
    document.write(value);//value是正在遍历的数组   
    document.write(index);//index是正在遍历数组的下标
    document.write(obj);//obj是正在遍历的数组
});

forEach方法需要一个函数作为参数，这种函数不是有我们调用，我们称为回调函数，浏览器会把遍历到的元素以实参的形式传进来，我们可以定义形参来读取这些内容，而且浏览器还会在回调函数中传递三个参数，第一个参数就是当前正在遍历的元素，第二个参数是就是当前正在遍历的元素的索引，第三个参数就是正在遍历的数组