Javascript学习笔记——7.9 数组高级方法

ES5定义了9个新的数组方法用来遍历、映射、过滤、检测、简化和搜索数组。

• 这些方法大多第一个参数是一个函数（以下称为func），并对数组的每个元素调用一次func（稀疏数组不对不存在的元素调用）。
• 大多数情况下，func可以接收三个参数：数组元素，元素索引和数组自身，通常只用到第一个参数。
• 数组方法不修改数组自身，但func可以。

forEach

forEach方法从头到尾遍历数组，为每个元素调用指定的函数。forEach没有返回值。

var a = [1,3,5,7,9,11,13]
var sum = 0
a.forEach(function(value){sum+=value}); //计算总和，func只使用第一个参数
console.log(sum)
// 49
a.forEach(function(v,i,a){a[i]=v+1}); //每个元素加1，func使用了三个参数
console.log(a)
// [2, 4, 6, 8, 10, 12, 14]

forEach无法使用break，所以无法在遍历完成前终止。需要的话可以把forEach放到try中，通过抛出foreach.break来提前终止遍历。

function foreach(a,f,t){
  try{a.forEach(f,t);}
  catch(e){
    if(e===foreach.break) return;
    else throw e;
  }
}
foreach.break = new Error('StopIteration')

map

map方法遍历整个数组，为每个元素调用指定的函数，返回由所有返回值组成的数组。

var a = [1,2,3,4]
var b = a.map(function(x){return x*x})
console.log(b)
// [1, 4, 9, 16]

• 指定的函数应该有返回值
• map方法返回新数组，不修改原数组

filter

通过判定函数返回值过滤数组，返回值为真值的元素组成一个新的数组并返回。

var a = [5,9,2,1,3,7,8,22,44]
var b = a.filter(function(x){return x<10})
console.log(b)
//[5, 9, 2, 1, 3, 7, 8]
var c = a.filter(function(x,i){return i%2==0}) //隔1选1，第二个参数是元素索引
console.log(c)
// [5, 2, 3, 8, 44]

every和some

every和some是对数组的逻辑判定

• every：仅当对数组中的所有元素调用判定函数返回true的时候，它才返回true
• some：当数组中至少一个元素调用判定函数为true的时候，返回true

var a = [1,3,2,6,9,11]
var bigger_than_ten = function(x){return x>10}
a.every(bigger_than_ten)
// false
a.some(bigger_than_ten)
// true

• every执行时，遇到第一个返回false的元素，就直接返回false
• some执行是，遇到第一个返回true的元素，就直接返回true
• 对于空数组，every返回true，some返回false

var a = []
a.every(bigger_than_ten)
// true
a.some(bigger_than_ten)
// false

reduce和reduceRight

reduce和reduceRight使用指定的方法将数组元素进行结合，生成单个值。

• reduce 第一个参数是个函数，用此函数将第一个元素与第二个元素运算，将返回的结果再与第三个元素运算，再将返回结果与下一个元素运算，直至元素末尾；
• reduce 第二个参数值是初始值，是可选的，如果有初始值的话就先用初始值与第一个元素运算，再向后运算。空数组上调用reduce必须使用初始值，否则将报错
• reduceRight和reduce原理相同，不过是从末尾向前执行。

var a =[6,4,3,9,7]
a.reduce(function(x,y){return x+y}) //计算总和
// 29
a.reduce(function(x,y){return x+y},10) //计算总和，初始值为10
// 39
a.reduce(function(x,y){return x>y?x:y}) //取最大值
// 9

indexOf和lastIndexOf

indexOf和lastIndexOf搜索数组中具有给定值的元素，返回找到的第一个元素的索引，如果找不到返回-1.

• indexOf从头到尾搜索，而lastIndexOf从尾到头搜索。
• 不同于以上讲的其他方法，这两个方法不接受函数作为参数。
• 第一个参数是搜索的值
• 第二个参数是可选的，是搜索开始的索引值，可以是负数代表对末尾的偏移量

var a = [1,3,9,7,1,2,3,1,2]
a.indexOf(3)
// 1
a.lastIndexOf(3)
// 6
a.indexOf(1,1)
// 4
a.lastIndexOf(3,-3)
// 6
a.lastIndexOf(3,-4)
// 1

字符串也有indexOf和lastIndexOf方法，它们功能和数组类似。