EA&UML日拱一卒-0基础学习微信小程序(12)-ECMAScript5数组操作方法

首先补充说明一下，ECMAScript是欧洲计算机制造商协会（European Computer Manufacturers Association） 为了统一各种script，以JavaScript1.1为基础搞出来的一种脚本语言规范。ECMAScript5是这个规范第五个版本。由于它得到了各 大浏览器厂商的响应积极，所以称得上是JavaScript的未来。微信小程序也支持ECMAScript5。

ECMASript5中的数组方法

forEach

forEach方法提供了一种相对简单的（至少是在形式上）方法遍历数组，它有3个参数：数组元素，元素的索引和数组本身。

data = [1, 2, 3, 4, 5];

//所有元素求和
var sum = 0;
data.forEach(funtion(value){sum += value;})  
sum                                                   //=>15
//每个元素乘2
data.forEach(function(v, i, a){ a[i] = v * 2;});
data               //=>[2, 4, 6, 8, 10]

看懂没有？如果没懂也不要紧，我们以乘2为例，稍微展开说明。代码可能不能执行，只是为了说明。

forEach的实现大致如下,想象的,偏差应该不大。

function forEach(f)
{
    for(int i = 0;  i < array.length; i++)
        f(array[i], i, array);    
}

用户定义一个函数，参数为数组元素，元素的索引和数组本身。之所以这样定义是forEach方法实现的要求。

function mul2(v, i, a)
{
    a[i] = v * 2;
}

接下来是调用

data.forEach(mul2);

这样就好理解多了。示例中只是将定义乘2函数和调用该函数合并成了一行。

map

这个方法和映射没有任何关系，功能是将数组中的每个元素传递给指定的函数进行处理，并将返回值合成一个数组返回。

a = [1, 2, 3];
b = a.map(function(value){ return value * 2}); //=>b = [2, 4, 6]

flter

对数组中的每个元素进行筛选，返回由符合条件的元素构成的数组。

a = [1, 2, 3, 4, 5, 6, 7]
 b = a.filter(function(x){ return x%2== 0  });  //=>b= [2, 4, 6]

every和some

every方法和some方法对数组进行逻辑判定。

a = [1, 2, 3, 4, 5];
a.every(fuction(x){ return x > 3 }); //=> false.

这个方法对数组的所有元素调用指定的函数，只有所有的（every）结果都为真，every方法的结果才为真，否则结果为假。

a = [1, 2, 3, 4, 5];
a.some(fuction(x){ return x > 3 }); //=> true.

这个方法对数组的所有元素调用指定的函数，只要某些（some）结果为真，some方法的结果就为真，只有所有的结果都为假时，结果才为假。

reduce和reduceRight

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

a = [1, 2, 3, 4, 5];
factorial = a.reduce（function(prev, v){ return prev * v });

这是一个计算阶乘的例子。被指定函数的两个参数一个是前一次计算的结果，一个是新的元素值。reduce方法会对所有的元素调用指定函数。实际上除了函数以外，reduce还有另外一个参数，用于指定计算的初始值。如果不指定，则使用数组的第一个元素作为初始值。

reduceRight的功能和reduce类似，只是计算的方向是从后向前。

indexOf和lastIndexOf

indexOf方法搜索数组中的元素，找到第一个具有给定值的元素的索引值，如果没有找到，则返回-1。可以使用可选的第二参数指定检索的开始位置。

lastIndexOf的功能和indexOf类似，只是计算的方向是从后向前。

参考资料

【JavaScript权威指南，机械工业出版社】

写在文章的最后

既然已经读到这里了，拜托大家再用一分钟时间，将文章转发到各位的朋友圈，微信群中。本公众号的成长需要您的支持！

以上就是今天的文章，欢迎点赞并推荐给您的朋友！

阅读更多更新文章，请扫描下面二维码，关注微信公众号【面向对象思考】