5个高效的数组处理方法

处理数组的数据你还在用for循环?
那么你out了。
下面我们来介绍几种数组自带的处理数据的高效方法。

1、Array.map()

.map() 方法能够遍历整个数组,然后返回一个新数组 ,这个新数组里的元素是通过回调函数处理过的。想要修改数组里的每个元素,将修改后的数组存入新的数组,那使用 .map() 方法是最方便的了。
接下来我们看个例子:

 var doubleNums = myNumbers.map(function(element) {
     return element * 2;
 });
 console.info('doubleNums:', doubleNums);

2、Array.filter()

.filter() 方法可以过滤掉数组中不想要的某些元素 ,你可以在回调函数里设定条件,不符合条件的元素都会排除在外就可以了,请看实例:

var selectScores = myScores.filter(function(item){
    if (item > 10){
        return true;
    } else {
        return false;
    }
});
console.info('topScores: ', selectScores);

3、Array.forEach()

.forEach() 方法可以方便的让你遍历数组里的每个元素 ,你可以在回调函数里对每个元素进行操作。

var myAnimals = ['dog', 'cat', 'mouse'];
myAnimals.forEach(function(item){
    console.log(item);
});

注意:.forEach() 方法没有返回值,你在回调函数里写 return ,也是无意义的。

4、Array.every()

.every() 方法的作用是用回调函数去检查数组中的每一项,如果每项都符合回调函梳的条件,这个回调函数都返回true,则 .every() 返回true。否则 .every() 返回false。
如果你想知道数组中的所有元素都是否符合某种条件,使用 .every() 最方便。

var myAges = [23, 19, 32, 44];
var olderThan = myAges.every(function(element) {
    return element > 18;
});
console.info('olderThan: ', olderThan);

5、Array.indexOf()

indexOf() 方法的作用是告诉你某个元素在数组中第一次出现的位置 ,并它返回的是索引值。

var arr = [2, 9, 9, 18];
var i = arr.indexOf(9);
console.info('i: ', i);
    原文作者:巩小白
    原文地址: https://www.jianshu.com/p/98c143d13ac4
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞