JavaScript_ECMA5数组新特性详解


Posted in Javascript onJune 12, 2016

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 相关文章推荐
收集的一些Array及String原型对象的扩展实现代码
Dec 05 Javascript
JavaScript返回网页中锚点数目的方法
Apr 03 Javascript
javascript精确统计网站访问量实例代码
Dec 19 Javascript
基于css3新属性transform及原生js实现鼠标拖动3d立方体旋转
Jun 12 Javascript
jquery.qtip提示信息插件用法简单实例
Jun 17 Javascript
JS实现用户注册时获取短信验证码和倒计时功能
Oct 27 Javascript
JS异步文件上传(兼容IE8+)
Apr 02 Javascript
Vue2.0表单校验组件vee-validate的使用详解
May 02 Javascript
js移动端图片压缩上传功能
Aug 18 Javascript
Node.js log4js日志管理详解
Jul 31 Javascript
es6数组的flat(),flatMap()函数用法实例分析
Apr 18 Javascript
Taro UI框架开发小程序实现左滑喜欢右滑不喜欢效果的示例代码
May 18 Javascript
喜大普奔!jQuery发布 3.0 最终版
Jun 12 #Javascript
浅谈JavaScript变量的自动转换和语句
Jun 12 #Javascript
浅谈jquery点击label触发2次的问题
Jun 12 #Javascript
Bootstrap学习笔记之js组件(4)
Jun 12 #Javascript
JSP基于Bootstrap分页显示实例解析
Jun 12 #Javascript
JavaScript手机振动API
Jun 11 #Javascript
JavaScript地理位置信息API
Jun 11 #Javascript
You might like
论建造顺序的重要性
2020/03/04 星际争霸
JS解密入门 最终变量劫持
2008/06/25 Javascript
基于jquery异步传输json数据格式实例代码
2013/11/23 Javascript
Javascript 遍历页面text控件详解
2014/01/06 Javascript
jquery选择器使用详解
2014/04/08 Javascript
jQuery三级下拉列表导航菜单代码分享
2020/04/15 Javascript
jQuery查找dom的几种方法效率详解
2017/05/17 jQuery
简单实现js鼠标跟随效果
2020/08/02 Javascript
js 只比较时间大小的实例
2017/10/26 Javascript
详解webpack多页面配置记录
2018/01/22 Javascript
JS运动特效之任意值添加运动的方法分析
2018/01/24 Javascript
JavaScript"模拟事件"的注意要点详解
2019/02/13 Javascript
JS使用栈判断给定字符串是否是回文算法示例
2019/03/04 Javascript
详解vue beforeRouteEnter 异步获取数据给实例问题
2019/08/09 Javascript
NodeJS配置CORS实现过程详解
2020/12/02 NodeJs
JavaScript实现点击自制菜单效果
2021/02/02 Javascript
[03:18]【TI9纪实】社区大触GL与木木
2019/08/25 DOTA
Python中字符串的常见操作技巧总结
2016/07/28 Python
Python获取当前页面内所有链接的四种方法对比分析
2017/08/19 Python
用django-allauth实现第三方登录的示例代码
2019/06/24 Python
Django Rest framework频率原理与限制
2019/07/26 Python
python删除指定列或多列单个或多个内容实例
2020/06/28 Python
Python Tricks 使用 pywinrm 远程控制 Windows 主机的方法
2020/07/21 Python
pytorch 计算Parameter和FLOP的操作
2021/03/04 Python
维多利亚的秘密官方网站:Victoria’s Secret
2018/10/24 全球购物
新西兰最大的连锁超市:Countdown
2020/06/04 全球购物
销售副总经理岗位职责
2013/12/11 职场文书
投标单位介绍信
2014/01/09 职场文书
2014年迎新年联欢会活动策划方案
2014/02/26 职场文书
岗位竞聘报告范文
2014/11/06 职场文书
2014年实习期工作总结
2014/11/27 职场文书
行政处罚事先告知书
2015/07/01 职场文书
元旦联欢晚会主持词
2015/07/01 职场文书
小学班长竞选稿
2015/11/20 职场文书
2016大学生社会实践心得体会范文
2016/01/14 职场文书
使用@Value值注入及配置文件组件扫描
2021/07/09 Java/Android