专业编程基础技术教程

网站首页 > 基础教程 正文

javascript自学笔记:数组的迭代与归并方法

ccvgpt 2024-11-26 00:51:35 基础教程 1 ℃


5.2.8 迭代方法

 // every:每个元素经function后都返回true,那结果才为true
var numbers = [1,2,3,4,5,4,3,2,1];
// 如果函数对每一项都返回true,则结果也为true
var everyResult = numbers.every(function (item,index,array) {
    return (item > 2);
});
// 结果为false,因为numbers中有两个元素为1,该值是<2的,所以在function中会返回true
alert(everyResult);
//-------------------------------------
// some:每个元素经function后都返回结果,但只要有一个为true,那结果就为true
var someResult = numbers.some(function (item,index,array) {
    return (item > 2);
});
// 结果为true,因为元素3,4,5均是大于2的,只要有一个大于2就为true
alert(someResult);
//-------------------------------------
// filter:每个元素经function后都返回结果,将结果为true的元素组合成新的数组
var filterResult = numbers.filter(function (item,index,array) {
    return (item > 2);
});
// 结果为[3,4,5,4,3]
alert(filterResult);
//-------------------------------------
// map:每个元素经function后都进行运算,将结果组合成新的数组
var mapResult = numbers.filter(function (item,index,array) {
    return item * 2;
});
// 结果为[2,4,6,8,10,8,6,4,2]
alert(mapResult);
//-------------------------------------
// forEach:每个元素经function后都进行运算,不返回任何值
numbers.forEach(function (item,index,array) {
    // 执行一些操作
});

5.2.9 归并方法

javascript自学笔记:数组的迭代与归并方法

归并函数有两个,一个是reduce,一个是reduceRight,分别是从左到右和从右到左。

下面这个演示更容易理解:

var numbers = [65, 44, 12, 4];

function getSum(total, num) {
    return total + num;
}
var result = numbers.reduce(getSum);

执行过程是:

1、65 + 44 = 109

2、109 + 12 = 121

3、121 + 4 = 125

书中写的形式是这样的:

var result = numbers.reduce(function (pre,cur,index,array) {
    return pre + cur;
});

对于初次接触js的我来说,看得一脸懵逼。

最近发表
标签列表