JavaScript_ECMA5数组新特性详解
更新时间：2016年06月12日 09:09:01 投稿：jingxian
下面小编就为大家带来一篇JavaScript_ECMA5数组新特性详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
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数组新特性详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
回调函数是从一个叫函数式编程的编程范式中衍生出来的概念。简单来说，函数式编程就是使用函数作为变量。函数式编程过去 - 甚至是现在，依旧没有被广泛使用 - 它过去常被看做是那些受过特许训练的，大师级别的程序员的秘传技巧。2014-12-12
这篇文章主要介绍了微信公众号开发 自定义菜单跳转页面并获取用户信息实例详解的相关资料,需要的朋友可以参考下2016-12-12
这篇文章主要为大家详细介绍了JavaScript中splice的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-03-03
this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象，接下来我会深入的探讨这个问题。2016-04-04
短短20行代码，就可以写一个CSS覆盖率测试脚本,需要的朋友参考下2013-04-04
这篇文章主要是对JavaScript中的typeof运算符进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
下面小编就为大家带来一篇JavaScript String 对象常用方法详解。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
本篇文章讲述了JS同步、异步、延迟加载的方法，具有很好的参考价值，希望对大家的学习有所帮助2018-05-05
下面小编就为大家带来一篇浅谈javascript中的加减时间。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
对象是一种复合值，它将很多值（原始值或其他对象）聚合在一起，可通过属性名访问这些值。而属性名可以是包含空字符串在内的任意字符串。JavaScript对象也可以称作一种数据结构2016-07-07
最新评论