JavaScript数组详解

摘要

数组是JavaScript中的常用类型，本文详述了数组的基本知识以及一些常用的数组方法，并对每种方法进行了详细解释

数组定义

1. 用字面量直接定义

var arr=[0,0,0]; //注意，是方括号

1. 通过new Array();

• 参数为一个时，表示数组的长度
• 参数为多个时，则表示数组元素

数组增删

• arr(arr.length)=0; //在数组最后面添加元素
• push()/pop(); //在数组最后面增删元素
• unshift()/shift(); //在数组最前面增删元素

数组迭代

for...in,eg:for(i in arr){}

• 遍历数组
• 会把数组原型链上的元素一同遍历出来
• 是无序遍历

二维数组

定义：
var arr=[[0,1],[0,1]]

稀疏数组

并不含有从0开始的连续索引，一般数组的length会比实际元素个数大。不连续的索引返回undefined，可利用此判读。

数组方法

数组原型链上提供了大量方法

Array.prototype.join()

• 将数组转为字符串，同时将传入字符串插入每个元素中间，可通过此方法将字符串重复

function reapeatString(str,n)
{
    return new Array(n+1).join(str);
}
reapeatString(hi,3);  //hihihi

Array.prototype.reverse()

• 将数组逆序，直接修改数组

Array.prototype.sort()

• 将数组排序，默认按字母升序排列，直接修改数组
• 可按自定义规则排序，传入比较函数

arr.sort(function(a,b){
    return a-b;  
})

按正常数值相减的正负返回，是升序排列；按正常数值相减的正负符合取反，是降序排列.
传入的a,b可以是对象或数组（但都是某个数组的元素），相减时再具体到数组的第几个数值或对象的哪个属性，最后会按结果对包含数组排序

Array.prototype.concat()

• 合并数组，不直接修改原数组，需通过返回值才能拿到结果
• 若传入参数是一维数组，会被拉平
• 若传入参数是二维数组，，会拉平最外第一维，元素数组格式不变

var arr=[0,0,0];
arr.concat([1,2],10); //[0,0,0,1,2,10]
arr.concat([[1,2],10]); //[0,0,0,[1,2],10]

Array.prototype.slice(n,m)

• 获取部分数组，arr[n]到arr[m-1],即左闭右开
• Array.prototype.slice(n),从arr[n]到最后，包含最后的所有元素
• 若参数为负值，则表示由后往前的索引值，最后一个元素为-1

Array.prototype.splice()

• 删除和添加部分数组，对原数组直接修改
• 传入参数：
• 第一个：索引
• 第二个：删除个数 （可无）
• 后面：将添加的数组，在索引处添加 （可无）

Array.prototype.forEach(function(x,index,a){})

• 遍历数组，对每个元素调用回调函数
• 回调函数可传入三个参数：元素的值，元素的索引，数组本身

E5S的新方法，IE9及以上支持,接下来都是

Array.prototype.map(function(x,index,a){})

• 数组映射，对每个元素按函数里的映射方式进行映射，不直接修改原数组

Array.prototype.filter(function(x,index,a){})

• 数组过滤，按回调函数返回值的真假，过滤掉为真的元素，不直接修改原数组，通过返回值拿结果

Array.prototype.every(function(x,index,a){})

• 数组判断，每一个元素，回调函数都返回真时，返回真。发现有不满足的元素，就不继续遍历了

Array.prototype.some(function(x,index,a){})

• 数组判断，存在元素，回调函数返回真时，返回真。发现有满足的元素，就不继续遍历了

Array.prototype.reduce(function(x,y){})

• 数组元素累加，对数组元素逐个进行操作，每次操作的结果将用于下一次操作
• 回调函数传入参数
• 第一个：上次回调函数的返回值，第一次时为数组第一个元素
• 第二个：这次将操作的数组元素，第一次时为数组第二个元素

Array.prototype.indexOf(要查找的元素，开始查找的位置)

• 查找元素
• 返回值：首个被找到的元素在数组中的索引位置; 若没有找到则返回 -1

Array.isArray(所要检查的对象)

• 检查对象是否为数组，是返回true，否则false
• 为构造器上的方法