JavaScript 笔记之数组的迭代器方法

JavaScript 笔记之数组的迭代器方法

不生成新数组的迭代器方法

forEach()，该方法接受一个函数作为参数，对数组中的每个元素使用该函数。例子如下：

function square(num) {
	print(num, num * num);
}
var nums = [1,2,3,4,5,6,7,8,9,10];
nums.forEach(square);

该程序的输出为：

1 1
2 4
3 9
4 16
5 25
6 36
7 49
8 64
9 81
10 100

every() 方法接受一个返回值为布尔类型的函数，对数组中的每个元素使用该函数。如果对于所有的元素，该函数均返回true，则该方法返回true。例子如下：

function isEven(num) {
	return num % 2 == 0;
}
var nums = [2,4,6,8,10];
var even = nums.every(isEven);
if (even) {
	print("all numbers are even");
}
else {
	print("not all numbers are even");
}

输出为：

all numbers are even

将数组改为：

var nums = [2,4,6,7,8,10];

输出为：

not all numbers are even

some() 方法也接受一个返回值为布尔类型的函数，只要有一个元素使得该函数返回true，该方法就返回true。例子如下：

function isEven(num) {
	return num % 2 == 0;
}
var nums = [1,2,3,4,5,6,7,8,9,10];
var someEven = nums.some(isEven);
if (someEven) {
	print("some numbers are even");
}
else {
	print("no numbers are even");
}
nums = [1,3,5,7,9];
someEven = nums.some(isEven);
if (someEven) {
	print("some numbers are even");
}
else {
	print("no numbers are even");
}

该程序的输出为：

some numbers are even
no numbers are even

reduce() 方法接受一个函数，返回一个值。该方法会从一个累加值开始。不断对累加值和数组中的后续元素调用该函数，直到数组中的最后一个元素，最后返回得到的累加值。下面这个例子展示了如何使用reduce() 方法为数组中的元素求和：

function add(runningTotal, currentValue) {
	return runningTotal + currentValue;
}
var nums = [1,2,3,4,5,6,7,8,9,10];
var sum = nums.reduce(add);
print(sum); // 显示 55

reduce() 方法和add() 函数一起，从左到右，依次对数组中的元素求和，执行过程如下：

add(1,2) -> 3
add(3,3) -> 6
add(6,4) -> 10
add(10,5) -> 15
add(15,6) -> 21
add(21,7) -> 28
add(28,8) -> 36
add(36,9) -> 45
add(45,10) -> 55

reduce() 方法也可以用来将数组中的元素连接成一个长的字符串：

function concat(accumulatedString, item) {
	return accumulatedString + item;
}
var words = ["the ", "quick ","brown ", "fox "];
var sentence = words.reduce(concat);
print(sentence); // 显示 "the quick brown fox"

JavaScript还提供了reduceRight() 方法，和reduce() 方法不同，他是从右到左执行。下面的程序使用reduceRight() 方法将数组中的元素进行翻转：

function concat(accumulatedString, item) {
	return accumulatedString + item;
}
var words = ["the ", "quick ","brown ", "fox "];
var sentence = words.reduceRight(concat);
print(sentence); // 显示 "fox brown quick the"

生成新数组的迭代器方法

map() 和 forEach() 有点像，对数组中的每个元素使用某个函数。两者的区别是map() 返回一个新的数组，该数组的元素是对原有元素应用某个函数得到的结果。例子如下：

function curve(grade) {
	return grade += 5;
}
var grades = [77, 65, 81, 92, 83];
var newgrades = grades.map(curve);
print(newgrades); // 82, 70, 86, 97, 88

下面是对一个字符串数组使用map() 方法的例子：

function first(word) {
	return word[0];
}
var words = ["for","your","information"];
var acronym = words.map(first);
print(acronym.join("")); // 显示 "fyi"

在上面这个例子中，数组 acronym 保存了数组 words 中每个元素的第一个字母。然而，如
果想将数组显示为真正的缩略形式，必须想办法除掉连接每个数组元素的逗号，如果直接
调用 toString() 方法，就会显示出这个逗号。使用 join() 方法，为其传入一个空字符串
作为参数，则可以帮助我们解决这个问题。

filter() 和 every() 类似，传入一个返回值为布尔类型的函数。和every() 方法不同的是，当对数组中的所有元素应用该函数，结果均为true时，该方法并不返回true，而是返回一个新数组，该数组包含应用该函数后结果为true的元素，例子如下：

function isEven(num) {
	return num % 2 == 0;
}
function isOdd(num) {
	return num % 2 != 0;
}
var nums = [];
for (var i = 0; i < 20; ++i) {
	nums[i] = i+1;
}
var evens = nums.filter(isEven);
print("Even numbers: ");
print(evens);
var odds = nums.filter(isOdd);
print("Odd numbers: ");
print(odds);

该程序的执行结果如下：

Even numbers:
2,4,6,8,10,12,14,16,18,20
Odd numbers:
1,3,5,7,9,11,13,15,17,19

还可以使用filter() 方法过滤字符串数组，例子如下：

function afterc(str) {
	if (str.indexOf("cie") > -1) {
		return true;
	}
	return false;
}
var words = ["recieve","deceive","percieve","deceit","concieve"];
var misspelled = words.filter(afterc);
print(misspelled); // 显示 recieve,percieve,concieve