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 相关文章推荐
javascript 实现父窗口引用弹出窗口的值的脚本
Aug 07 Javascript
jquery中dom操作和事件的实例学习-表单验证
Nov 30 Javascript
使用jQuery设置disabled属性与移除disabled属性
Aug 21 Javascript
javascript动态创建链接的方法
May 13 Javascript
javascript实现检验的各种规则
Jul 31 Javascript
ES6概念 Symbol.keyFor()方法
Dec 25 Javascript
jQuery按需加载轮播图(web前端性能优化)
Feb 17 Javascript
JS简单判断滚动条的滚动方向实现方法
Apr 28 Javascript
angularjs定时任务的设置与清除示例
Jun 02 Javascript
微信小程序使用modal组件弹出对话框功能示例
Nov 29 Javascript
Vue Element使用icon图标教程详解(第三方)
Feb 07 Javascript
vue数据更新UI不刷新显示的解决办法
Aug 06 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
短波问题解答
2021/02/28 无线电
简单的用PHP编写的导航条程序
2006/10/09 PHP
深入解析PHP中的(伪)多线程与多进程
2013/07/01 PHP
PHP中list方法用法示例
2016/12/01 PHP
laravel实现分页样式替换示例代码(增加首、尾页)
2017/09/22 PHP
thinkphp5 URL和路由的功能详解与实例
2017/12/26 PHP
YII框架http缓存操作示例
2019/04/29 PHP
jquery 缓存问题的几个解决方法
2013/11/11 Javascript
当鼠标滑过文本框自动选中输入框内容的JS代码分享
2013/11/26 Javascript
js快速排序的实现代码
2013/12/08 Javascript
关于延迟加载JavaScript
2015/05/05 Javascript
jQuery事件绑定on()、bind()与delegate() 方法详解
2015/06/03 Javascript
百度地图API之本地搜索与范围搜索
2015/07/30 Javascript
jQuery实现的fixedMenu下拉菜单效果代码
2015/08/24 Javascript
jquery mobile开发常见问题分析
2016/01/21 Javascript
概述javascript在Google IE中的调试技巧
2016/11/24 Javascript
AngularJS表格样式简单设置方法示例
2017/03/03 Javascript
微信小程序表单验证错误提示效果
2017/05/19 Javascript
微信小程序基于本地缓存实现点赞功能的方法
2017/12/18 Javascript
使用webpack搭建react开发环境的方法
2018/05/15 Javascript
详解easyui基于 layui.laydate日期扩展组件
2018/07/18 Javascript
el-input 标签中密码的显示和隐藏功能的实例代码
2019/07/19 Javascript
python爬虫获取小区经纬度以及结构化地址
2018/12/30 Python
numpy 矩阵形状调整:拉伸、变成一位数组的实例
2020/06/18 Python
python中执行smtplib失败的处理方法
2020/07/01 Python
python利用文件时间批量重命名照片和视频
2021/02/09 Python
Nike西班牙官方网站:Nike.com (ES)
2017/10/30 全球购物
Kendra Scott官网:美国领先的时尚配饰品牌
2020/10/22 全球购物
文明餐桌行动实施方案
2014/02/19 职场文书
优秀团员事迹材料1500字
2014/08/31 职场文书
村委会贫困证明范文
2014/09/21 职场文书
群众路线剖析材料(四风问题)
2014/10/08 职场文书
2014年政风行风工作总结
2014/11/22 职场文书
中秋节慰问信
2015/02/15 职场文书
党支部审查意见
2015/06/02 职场文书
Python Parser的用法
2021/05/12 Python