javascript Array 数组常用方法(2)

var arr = []; console.log(arr.unshift(1,2,3));//3 console.log(arr);//[1, 2, 3] console.log(arr.shift());// 1 console.log(arr);// [2, 3] console.log(arr.unshift([4,5]));//3 console.log(arr);//[[4, 5], 2, 3]

(2)ECMAScript5中的数组方法

这一类数组方法大多数有统一大致的规则。它们都不会修改原始数组。
大多数方法的第一个参数接收一个函数,并且对数组的每个元素(或一些元素)调用一次该函数。

    如果是稀疏数组,对不存在的元素不调用传递的函数;
    在大多数情况下,调用的这个函数一般使用三个参数:数组元素、元素的索引、数组本身。通常后两个参数也不需要填写进去。
除了这里第一个参数(函数)之外,还有第二个参数(它是可选的),如果第二个参数存在,则调用的函数将被看做是第二个参数的方法。
    也就是说,在调用函数时传递进去的第二个参数作为它的this关键字的值来使用。

1.forEach()

这个方法从头至尾遍历数组,为每个数组调用指定的函数。

var data = [1,2,3,4,5]; var sum = 0; data.forEach(function(value){ //只使用了第一个参数(函数),调用的函数也只使用了第一个参数数组元素 sum += value; }); console.log(sum);//15 console.log(data);// [1, 2, 3, 4, 5]

var data = [1,2,3,4,5]; var sum = 0; data.forEach(function(value,item,data){ //调用的函数具有了三个参数 data[item] = value*value; //取平方 }); console.log(data);// [1, 4, 9, 16, 25]

2.map()
这个方法将调用的数组中每个元素传递给指定的函数,并返回一个数组,它包含这个函数的返回值。

var data = [1,2,3,4,5]; var data1 = data.map(function(value){ return ++ value; }); console.log(data); // [1, 2, 3, 4, 5] console.log(data1);// [2, 3, 4, 5, 6]

3.filter()
这个方法返回的数组元素是调用的数组的一个子集。传递的函数是用来逻辑判定的,该函数返回true或false。

如果返回值是true或者能转化为true的值,那么传递给判定函数的元素就是这个子集的成员,它将被添加到一个作为返回值的数组中。

var data = [1,2,3,4,5]; var data1 = data.filter(function(value){ return value <= 3; }); var data2 = data.filter(function(value){ return value > 3; }); console.log(data); // [1, 2, 3, 4, 5] console.log(data1);// [1,2,3] console.log(data2);// [4,5]

4.every()和some()
顾名思义,every()就是数组中所以元素都满足函数指定的条件时 返回true; some()就是某一项满足时就返回 true

var data = [1,2,3,4,5]; var data1 = data.every(function(value){ return value < 4; }); var data2 = data.some(function(value){ return value >4; }); console.log(data); // [1, 2, 3, 4, 5] console.log(data1);// false console.log(data2);// true

5.reduce()和reduceRight()
这两个方法使用指定的函数将数组元素进行组合,生成单个值。

reduce()有两个参数。第一个是执行化简操作的函数,就是说用某种方法把两个值化简为一个值,并返回化简后的值。

          第二个参数可选,用来传递给第一个参数函数作为初始值。如果第二个参数没有,则初始值就使用数组的第一个元素值。

var data = [1,2,3,4,5]; var sum = data.reduce(function(a,b){ return a+b; }); var sum1 = data.reduce(function(a,b){ return a+b; },5); var min = data.reduce(function(a,b){ return (a<b)?a:b; }); console.log(data); // [1, 2, 3, 4, 5] console.log(sum);// 15 console.log(sum1);// 20 console.log(min);// 1

sum中没有第二个参数,所以初始值为第一个数组元素,第一步1+2=3,第二步3+3=6... 最后得15
sum1中有第二个参数,所以初始值为5,第一步5+1=6,第二步6+2=8... 最后得20

reduceRight()和reduce()差不多,不同的是它按照数组索引从高到低(从右到左)处理数组,而不是正常的从低到高。

var data = ['a','b','c']; var str = data.reduce(function(x,y){ //顺序 return x+y; }); var str1 = data.reduceRight(function(x,y){ //逆序 return x+y; }); console.log(data);// [1, 2, 3] console.log(str);//"abc" console.log(str1);//"cba"

6.indexOf()和lastIndexOf()
这个方法搜索整个数组中具有给定值的元素,返回找到的元素的索引(找到了一个就退出了),没有找到则返回-1.

一个从头至尾,一个从尾至头

var data = ['a','b','a','c','a']; console.log(data.indexOf('a')); //0 console.log(data.indexOf('d')); //-1 console.log(data.lastIndexOf('a'));//4 console.log(data.lastIndexOf('a',-2));//2 从倒数第二个开始 console.log(data.lastIndexOf('a',1));//0 从顺序第二个往前

7.数组类型 isArray()
判断一个对象是不是数组

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgjsyd.html