map用法
举例说明,比如我们有一个函数f(x)=x2,要把这个函数作用在一个数组[1, 2, 3, 4, 5, 6, 7, 8, 9]上,就可以 用map实现如下:
由于map()方法定义在JavaScript的Array中,我们调用Array的map()方法,传入我们自己的函数,就得到了一个新 的Array作为结果:
'use strict';
function pow(x) { return x * x; }
----
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var results = arr.map(pow);
// [1, 4, 9, 16, 25, 36, 49, 64, 81]
console.log(results);
reduce 用法
Array的reduce()把一个函数作用在这个Array的[x1, x2, x3…]上,这个函数必须接收两个参 数,reduce()把结果继续和序列的下一个元素做累积计算,其效果就是: [x1, x2, x3, x4].reduce(f) = f(f(f(x1, x2), x3), x4)
//求数组内数之和
var arr = [1,2,3,4];
arr.reduce(funcetion(x,y){
return x+y;
})
filter用法
filter也是一个常用的操作,它用于把Array的某些元素过滤掉,然后返回剩下的元素。和map()类似,Array的filter()也接收一个函数。和map()不同的是,filter()把传入的函数依次作用于每个元素,然后根据返回值是true还 是false决定保留还是丢弃该元素。
例如,在一个Array中,删掉偶数,只保留奇数,可以这么写:
var arr = [1, 2, 4, 5, 6, 9, 10, 15];
var r = arr.filter(function (x) { return x % 2 !== 0; });
r; // [1, 5, 9, 15]
//但是如果使用map方法 则此时r中的值是[true, false, false, true, false, true, false, true]
回回调调函函数数
filter()接收的回调函数,其实可以有多个参数。通常我们仅使用第一个参数,表示Array的某个元素。回调函数还可以接收另外两个参数,表示元 素的位置和数组本身:'use strict';
var r,arr = ['apple', 'strawberry', 'banana', 'pear', 'apple',
'orange', 'orange', 'strawberry'];
----
r = arr.filter(function (element, index, self) {
return self.indexOf(element) === index;
});
----
console.log(r.toString());
去除重复元素依靠的是indexOf总是返回第一个元素的位置,后续的重复元素位置与indexOf返回的位置不相等,因此被filter滤掉了
sort用法
在JS中sort排序是按照ascll进行排序的所以当你对[1,2,3,10];进行排序的时候
他会返回[1,10,2,3];
幸运的是,sort()方法也是一个高阶函数,它还可以接收一个比较函数来实现自定义的排序。
var arr= [1,2,3,4,10];
arr.sort(function(x,y){
return x>y;
})
//arr[1,2,3,4,10]
最后友情提示,sort()方法会直接对Array进行修改,它返回的结果仍是当Array:
var a1 = ['B', 'A', 'C'];
var a2 = a1.sort(); a1;
// ['A', 'B', 'C'] a2; // ['A', 'B', 'C'] a1 === a2;
// true, a1和a2是同一对象
还有其他一些常用方法
every方法
every()方法可以判断数组的所有元素是否满足测试条件
//例如,给定一个包含若干字符串的数组,判断所有字符串是否满足指定的测试件:
'use strict';
----
var arr = ['Apple', 'pear', 'orange'];
console.log(arr.every(function (s) { return s.length > 0; }));
// true, 因为每个元素都满足s.length>0
console.log(arr.every(function (s) { return s.toLowerCase() === s; }));
// false, 因为不是每个元素都全部是小写
find
find()方法用于查找符合条件的第一个元素,如果找到了,返回这个元素,否则,返回undefined:
'use strict';
----
var arr = ['Apple', 'pear', 'orange'];
console.log(arr.find(function (s) { return s.toLowerCase() === s; }));
// 'pear', 因为pear全部是小写
console.log(arr.find(function (s) { return s.toUpperCase() === s; }));
// undefined, 因为没有全部是大写的元素
findIndex
与find函数类似,不同之处在于findindex返回的是第一个查询到满足条件的索引
foreach
forEach()和map()类似,它也把每个元素依次作用于传入的函数,但不会返回新的数组。forEach()常用于遍历数组, 因此,传入的函数不需要返回值:
var arr = ['Apple', 'pear', 'orange'];
arr.forEach(console.log); // 依次打印每个元素