手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript_ECMA5数组新特性详解
JavaScript_ECMA5数组新特性详解
摘要:vararr=[1,2,3,4,5,4,3,2,1];新加位置的方法:indexOflastIndexOf1.1个参数的时候表示传值返回索引...

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数组新特性详解】相关文章:

JavaScript中继承用法实例分析

JavaScript正则表达式的分组匹配详解

JavaScript中的lastIndexOf()方法使用详解

Javascript实现飞动广告效果的方法

JavaScript中使用自然对数ln的方法

Javascript实现div层渐隐效果的方法

JavaScript获得url查询参数的方法

在JavaScript中使用NaN值的方法

javascript字符串与数组转换汇总

JavaScript AOP编程实例

精品推荐
分类导航