JavaScript_ECMA5数组新特性详解

网络编程 2024/11/20 佚名

3 1 2

var arr = [ 1, 2, 3, 4, 5, 4, 3, 2, 1 ];

新加位置的方法: indexOf lastIndexOf

1.1个参数的时候表示传值返回索引位置(index从0开始)

var index = arr.indexOf(4);
alert(index); //3

2. 2个参数的时候第一个参数表示起始位置第二个参数还是值

var index = arr.indexOf(4,4);
alert(index); //5

3.他们查找数组比较的时候 '==='

lastIndexOf
var index = arr.lastIndexOf(2);
alert(index); //7

5个新加迭代的方法

1.every :对于数组每一个元素进行一个函数的运行如果都返回true 最后则返回true 如果有一个返回false最后结果则返回false

var result = arr.every(function(item , index , array){
　　return item >= 1 ;
　　});
alert(result); //true

2.filter :对于数组的每一个元素进行一个函数的运行给定的函数去执行把过滤后的结果返回

 var result = arr.filter(function(item , index , array){
return item > 2 ;
});
alert(result); //3,4,5,4,3

3.forEach :循环数组每一项的值并执行一个方法

 arr.forEach(function(item, index, array){
　　alert(item); //1,2,3,4,5,4,3,2,1
});

4.map 对于数组的每一个元素进行一个函数的运行可以经过函数执行完毕后把新的结果返回

var result = arr.map(function(item, index, array){
　　return item*10;
});
alert(result); //10,20,30,40,50,40,30,20,10

5.some :对于数组每一个元素进行一个函数的运行如果有一项返回true 最后则返回true 如果每一项都返回false最后结果则返回false

var result = arr.some(function(item, index, array){
　　return item >5 ;
});
alert(result); //false

reduce reduceRight

变量的起始位置不同

前一个值 , 当前值 , 索引位置 , array

var result = arr.reduce(function(prev , cur , index , array){
　　return prev + cur ;
});
alert(result) //25;

var result = arr.reduceRight(function(prev , cur , index , array){
　　return prev + cur ;
});
alert(result) //25;

以上这篇JavaScript_ECMA5数组新特性详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

JavaScript,ECMA5数组

华山资源网 Design By www.eoogi.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

华山资源网 Design By www.eoogi.com

评论“JavaScript_ECMA5数组新特性详解”

暂无评论...

更新日志

2024年11月20日

JavaScript_ECMA5数组新特性详解

jQuery 3 中的新增功能汇总介绍

喜大普奔！jQuery发布 3.0 最终版

评论“JavaScript_ECMA5数组新特性详解”

更新日志

友情链接