JavaScript 数组-Array的方法总结

JavaScript中的Array类型是常常用到的，Array类型也提供了不少方法能实现咱们需求，下面咱们来总结一下

1、建立Array的方法

　　一、使用Array构造函数

　　　　var colors=new Array();

　　　　var colors=new Array(3);//建立一个长度为3的数组

　　　　var colors=new Array("red","blue")//建立一个数组["red","blue"]

　　　　固然，上面的new能够省略不写，如 var colors=Array("red");

　　二、直接使用数组字面量

　　　　var colors=["red","blue","green"];

2、Array的方法1

　　var colors=["red","blue","green"];

　　一、获取数组的长度 colors.length;//3

　　二、访问数组第二项colors[1];//blue

　　三、更改数据的第二项colors[1]="black";//["red","black","green"]

　　四、检查是不是一个数组 colors instanceof Array;//true

　　五、colors.toString();//默认会以逗号隔开输出字符串  red,blue,green

　　六、colors.join("|");//自定义以“|”隔开输出字符串 red|blue|green

　　七、colors.push("brown")//往数组的尾部添加一项

　　八、colors.pop()//往数组的尾部删除一项

　　九、colors.shift()//删除数组的第一项，并取得该值

　　十、colors.unshift("k1","k2")//往数组的前面插入这两项；["k1","k2","red","blue","green"];

　　十一、colors.reverse()//翻转数组的顺序

　　十二、colors.sort()或者colors.sort([func]);

　　1三、concat() 返回一个新数组，不影响原数组 colors.concat()或者colors.concat("k1");

　　1四、slice(begin,end)从数组下标begin开始到end复制这个数据，不包括下标end，若是是slice(begin)那么就是从下标begin开始到数组的尾部

　　1五、splice

　　　　splice(0,2)//从下标0开始删除数组的两项

　　　　splice(2,0,"k1","k2")从下标2开始删除0项，紧接着从这里插入两项

　　　　splice(2,1,"k1")//从下标2开始删除一项，紧接着从这里插入一项

　　1六、indexOf("item")//从数组头开始查找某项，找到后返回下标值，找不到返回-1

　　1七、lastIndexOf("item")//从数组尾开始查找某项，找到后返回下标值，找不到返回-1

3、Array方法2：迭代方法（ECMAScript5）

　　一、every():对数组的每一项运行给定的函数，每一项都返回true，则返回true（不影响原数组）

var numbers=[1,2,3,2,1];
//判断是否每一个数字都大于2
var flag=numbers.every(function (item,index,array) {
    return item>2;
});

　　二、filter()：对数组中每一项运行给定的函数，返回该函数为true的项（不影响原数组）

var numbers=[1,2,3,2,1];
//返回大于2的项
var array=numbers.filter(function (item,index,array) {
    return item>2;
});

　　三、forEach()：对数组中的每一项执行给定的函数，不返回值 （不影响原数组）

var numbers=[1,2,3,2,1];
//输出每一项的平方
numbers.forEach(function (item,index,array) {
    console.log(item*2);
});

　　四、map()：对数组的每一项执行给定的函数，返回每次函数调用后结果组成的数组（不影响原数组）

var numbers=[1,2,3,2,1];
//返回每一项的平方
var array=numbers.map(function (item,index,array) {
    return item*item;
});

　　五、some()：对数组的每一项执行给定的函数，若是有一项返回true则，则返回true

var numbers=[1,2,3,2,1];
var flag=numbers.some(function (item,index,array) {
    return item>2
});

3、Array方法3：归并方法（ECMAScript5）

　　一、reduce()方法从数组的第一行开始，逐个遍历到最后

　　二、reduceRight()方法从数组的最后一项开始，逐个向前遍历

var numbers=[1,2,3,4,5];
var result=numbers.reduce(function (prev,cur,index,array) {
    //prev：前一个运算的结果，刚开始时候为数字的第一项
    //cur:数组的当前项
    //index:当前数组的下标
    //array：执行这个运算的数组，当前为numbers
    console.log("prev:"+prev);
    console.log("cur:"+cur);
    console.log("index:"+index);
    console.log("array:"+array);
    console.log("=============");
    return prev+cur;
});