处理数组的数据你还在用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);