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 相关文章推荐
图片自动缩小的js代码,用以防止图片撑破页面
Mar 12 Javascript
漂亮的widgets,支持换肤和后期开发新皮肤
Apr 23 Javascript
符合W3C网页标准的iframe标签的使用方法
Jul 19 Javascript
使用js显示当前时间示例
Mar 02 Javascript
jQuery Mobile页面返回不需要重新get
Apr 26 Javascript
Web打印解决方案之证件套打的实现思路
Aug 29 Javascript
JS中的JSON对象的定义和取值实现代码
May 09 Javascript
vue-awesome-swiper 基于vue实现h5滑动翻页效果【推荐】
Nov 08 Javascript
js定义类的方法示例【ES5与ES6】
Jul 30 Javascript
javascript 内存模型实例详解
Apr 18 Javascript
vue使用自定义事件的表单输入组件用法详解【日期组件与货币组件】
Jun 01 Javascript
Vue中正确使用Element-UI组件的方法实例
Oct 13 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
destoon二次开发模板及调用语法汇总
2014/06/21 PHP
PHP文件上传处理案例分析
2016/10/15 PHP
thinkPHP框架实现生成条形码的方法示例
2018/06/06 PHP
将form表单中的元素转换成对象的方法适用表单提交
2014/05/02 Javascript
js阻止事件追加的具体实现
2014/10/15 Javascript
6种javascript显示当前系统时间代码
2015/12/01 Javascript
简单总结JavaScript中的String字符串类型
2016/05/26 Javascript
nodejs简单实现操作arduino
2016/09/25 NodeJs
详解Javascript函数声明与递归调用
2016/10/22 Javascript
jquery事件与绑定事件
2017/03/16 Javascript
Bootstrap弹出框之自定义悬停框标题、内容和样式示例代码
2017/07/11 Javascript
javascript将url解析为json格式的两种方法
2017/08/18 Javascript
简易Vue评论框架的实现(父组件的实现)
2018/01/08 Javascript
JavaScript中Array方法你该知道的正确打开方法
2018/09/11 Javascript
小程序自定义日历效果
2018/12/29 Javascript
请求时token过期自动刷新token操作
2020/09/11 Javascript
[05:31]DOTA2英雄梦之声_第08期_莉娜
2014/06/23 DOTA
[00:52]玛尔斯技能全介绍
2019/03/06 DOTA
Python编程中实现迭代器的一些技巧小结
2016/06/21 Python
简述:我为什么选择Python而不是Matlab和R语言
2017/11/14 Python
Python中修改字符串的四种方法
2018/11/02 Python
Python3.6实现带有简单界面的有道翻译小程序
2019/04/16 Python
Python面向对象总结及类与正则表达式详解
2019/04/18 Python
Python使用Pandas库实现MySQL数据库的读写
2019/07/06 Python
Python 日期区间处理 (本周本月上周上月...)
2019/08/08 Python
Python OpenCV图像指定区域裁剪的实现
2019/10/30 Python
python线程里哪种模块比较适合
2020/08/02 Python
Python通过递归函数输出嵌套列表元素
2020/10/15 Python
Petmate品牌官方网站:宠物用品
2018/11/25 全球购物
Kendra Scott官网:美国领先的时尚配饰品牌
2020/10/22 全球购物
生育关怀行动实施方案
2014/03/26 职场文书
电子商务助理求职自荐信
2014/04/10 职场文书
设备管理实施方案
2014/05/31 职场文书
2015年12.4全国法制宣传日活动总结
2015/03/24 职场文书
2016年小学中秋节活动总结
2016/04/05 职场文书
HTML+JS实现在线朗读器
2022/02/15 Javascript