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 相关文章推荐
Date对象格式化函数代码
Jul 17 Javascript
jquery 中多条件选择器,相对选择器,层次选择器的区别
Jul 03 Javascript
JavaScript高级程序设计(第3版)学习笔记12 js正则表达式
Oct 11 Javascript
Javascript图像处理思路及实现代码
Dec 25 Javascript
原生javascript图片自动或手动切换示例附演示源码
Sep 04 Javascript
js如何设置在iframe框架中指定div不显示
Dec 04 Javascript
Javascript中setTimeOut和setInterval的定时器用法
Jun 12 Javascript
JavaScript实现给按钮加上双重动作的方法
Aug 14 Javascript
jQuery Ajax 加载数据时异步显示加载动画
Aug 01 Javascript
js实现文字超出部分用省略号代替实例代码
Sep 01 Javascript
Vue中定义全局变量与常量的各种方式详解
Aug 23 Javascript
JS 中document.write()的用法和清空的原因浅析
Dec 04 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中Date获取时间不正确怎么办
2008/06/05 PHP
php生成SessionID和图片校验码的思路和实现代码
2009/03/10 PHP
比file_get_contents稳定的curl_get_contents分享
2012/01/11 PHP
php实现保存submit内容之后禁止刷新
2014/03/19 PHP
通过php修改xml文档内容的方法
2015/01/23 PHP
php实现递归抓取网页类实例
2015/04/03 PHP
laravel validate 设置为中文的例子(验证提示为中文)
2019/09/29 PHP
laravel config文件配置全局变量的例子
2019/10/13 PHP
表单JS弹出填写提示效果代码
2011/04/16 Javascript
基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )
2011/10/10 Javascript
JS中实现简单Formatter函数示例代码
2014/08/19 Javascript
JavaScript操作HTML元素和样式的方法详解
2015/10/21 Javascript
第六章之辅组类与响应式工具
2016/04/25 Javascript
全面了解JavaScript的数据类型转换
2016/07/01 Javascript
JS实现中国公民身份证号码有效性验证
2017/02/20 Javascript
Three.js如何用轨迹球插件(trackball)增加对模型的交互功能详解
2017/09/25 Javascript
微信小程序icon组件使用详解
2018/01/31 Javascript
基于Vue自定义指令实现按钮级权限控制思路详解
2018/05/23 Javascript
javascript中函数的写法实例代码详解
2018/10/28 Javascript
Vue 组件注册实例详解
2019/02/23 Javascript
layui使用表格渲染获取行数据的例子
2019/09/13 Javascript
OpenCV-Python实现轮廓检测实例分析
2018/01/05 Python
简单实现python收发邮件功能
2018/01/05 Python
python之Flask实现简单登录功能的示例代码
2018/12/24 Python
Django logging配置及使用详解
2019/07/23 Python
Python发起请求提示UnicodeEncodeError错误代码解决方法
2020/04/21 Python
Probikekit日本:自行车套件,跑步和铁人三项装备
2017/04/03 全球购物
如何启动时不需输入用户名与密码
2014/05/09 面试题
如果NULL和0作为空指针常数是等价的,那我到底该用哪一个
2014/09/16 面试题
广州喜创信息技术有限公司JAVA软件工程师笔试题
2012/10/17 面试题
给分销商的致歉信
2014/01/14 职场文书
《长城》教学反思
2014/02/14 职场文书
《故都的秋》教学反思
2014/04/15 职场文书
给老婆的保证书
2015/01/16 职场文书
考研复习计划
2015/01/19 职场文书
抢劫罪辩护词
2015/05/21 职场文书