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 相关文章推荐
jQuery 表格工具集
Apr 25 Javascript
js判断FCKeditor内容是否为空的两种形式
May 14 Javascript
jquery select多选框的左右移动 具体实现代码
Jul 03 Javascript
在JavaScript中call()与apply()区别
Jan 22 Javascript
AngularJS中的指令全面解析(必看)
May 20 Javascript
js实现时间轴自动排列效果
Mar 09 Javascript
支付宝小程序自定义弹窗dialog插件的实现代码
Nov 30 Javascript
mui js控制开关状态、修改switch开关的值方法
Sep 03 Javascript
微信小程序wx.request的简单封装
Nov 13 Javascript
JS使用正则表达式实现常用的表单验证功能分析
Apr 30 Javascript
Element Cascader 级联选择器的使用示例
Jul 27 Javascript
Javascript之datagrid查询详解
Sep 15 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
PHP垃圾回收机制引用计数器概念分析
2013/06/24 PHP
php中使用getimagesize获取图片、flash等文件的尺寸信息实例
2014/04/29 PHP
php + WebUploader实现图片批量上传功能
2019/05/06 PHP
获取DOM对象的几种扩展及简写
2006/10/09 Javascript
JavaScript动态添加style节点的方法
2015/06/09 Javascript
jquery点击缩略图切换视频播放特效代码分享
2015/09/15 Javascript
js获取鼠标位置实例详解
2015/12/09 Javascript
jQuery实现form表单元素序列化为json对象的方法
2015/12/09 Javascript
Bootstrap树形组件jqTree的简单封装
2016/01/25 Javascript
jQuery实现点击水纹波动动画
2016/04/10 Javascript
基于JS模仿windows文件按名称排序效果
2016/06/29 Javascript
js基于cookie记录来宾姓名的方法
2016/07/19 Javascript
js倒计时显示实例
2016/12/11 Javascript
bootstrap+jquery项目引入文件报错的解决方法
2018/01/22 jQuery
Vue项目全局配置微信分享思路详解
2018/05/04 Javascript
vue根据值给予不同class的实例
2018/09/29 Javascript
angular inputNumber指令输入框只能输入数字的实现
2019/12/03 Javascript
[07:52]2014DOTA2 TI逗比武士游V社解说背后的故事
2014/07/10 DOTA
[35:26]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第三局
2016/02/26 DOTA
Python基于回溯法子集树模板解决找零问题示例
2017/09/11 Python
在Python中使用gRPC的方法示例
2018/08/08 Python
Python 访问限制 private public的详细介绍
2018/10/16 Python
python PrettyTable模块的安装与简单应用
2019/01/11 Python
Python检查图片是否损坏及图片类型是否正确过程详解
2019/09/30 Python
python向图片里添加文字
2019/11/26 Python
将世界上最美丽的摄影作品转化为艺术作品:Photos.com
2017/11/28 全球购物
俄罗斯美容和健康网上商店:Созвездие Красоты
2019/07/23 全球购物
美国家居用品和厨具购物网站:DealsDot
2019/10/07 全球购物
Alexandre Birman美国官网:亚历山大·伯曼
2019/10/30 全球购物
英文演讲稿
2014/05/15 职场文书
省级优秀毕业生主要事迹
2014/05/29 职场文书
公司庆典欢迎词
2015/01/26 职场文书
举起手来观后感
2015/06/09 职场文书
nginx负载功能+nfs服务器功能解析
2022/02/28 Servers
Java由浅入深通关抽象类与接口(下篇)
2022/04/26 Java/Android
SpringCloud超详细讲解Feign声明式服务调用
2022/06/21 Java/Android