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资料prototype 属性
Mar 13 Javascript
jQuery使用手册之三 CSS操作
Mar 24 Javascript
妙用Jquery的val()方法
Jun 27 Javascript
jQuery中delegate与on的用法与区别示例介绍
Dec 20 Javascript
分享33个jQuery与CSS3实现的绚丽鼠标悬停效果
Dec 15 Javascript
JavaScript中的console.trace()函数介绍
Dec 29 Javascript
js判断请求的url是否可访问,支持跨域判断的实现方法
Sep 17 Javascript
详解Vue.js动态绑定class
Dec 20 Javascript
原生js实现类似fullpage的单页/全屏滚动
Jan 22 Javascript
Angularjs分页查询的实现
Feb 24 Javascript
Vue CLI3基础学习之pages构建多页应用
Jun 02 Javascript
JS实现数组删除指定元素功能示例
Jun 05 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
phpmyadmin操作流程
2006/10/09 PHP
php使用正则表达式获取图片url的方法
2015/01/16 PHP
php+Mysqli利用事务处理转账问题实例
2015/02/11 PHP
Linux系统下PHP-FPM的安装和配置教程
2015/08/17 PHP
解决tp5在nginx下修改配置访问的问题
2019/10/16 PHP
javascript flash下fromCharCode和charCodeAt方法使用说明
2008/01/12 Javascript
Exjs 入门篇
2010/04/07 Javascript
10个基于jQuery或JavaScript的WYSIWYG 编辑器整理
2010/05/06 Javascript
IE中createElement需要注意的一个问题
2010/07/13 Javascript
利用jQuery插件扩展识别浏览器内核与外壳的类型和版本的实现代码
2011/10/22 Javascript
jquery实现可拖动DIV自定义保存到数据的实例
2013/11/20 Javascript
JavaScript字符串对象split方法入门实例(用于把字符串分割成数组)
2014/10/16 Javascript
JS继承用法实例分析
2015/02/05 Javascript
JS实现定时自动关闭DIV层提示框的方法
2015/05/11 Javascript
AngularJS中的指令全面解析(必看)
2016/05/20 Javascript
BootStrap智能表单实战系列(四)表单布局介绍
2016/06/13 Javascript
Node.js的基本知识简单汇总
2016/09/19 Javascript
详解JavaScript权威指南之对象
2016/09/27 Javascript
运用js教你轻松制作html音乐播放器
2020/04/17 Javascript
使用Javascript监控前端相关数据的代码
2016/10/27 Javascript
安装Node.js并启动本地服务的操作教程
2018/05/12 Javascript
vue打包相关细节整理(小结)
2018/09/28 Javascript
浅谈Vue为什么不能检测数组变动
2019/10/14 Javascript
Python实现复杂对象转JSON的方法示例
2017/06/22 Python
快速实现一个简单的canvas迷宫游戏的示例
2018/07/04 HTML / CSS
倩碧美国官网:Clinique美国
2016/07/20 全球购物
Shopee越南:东南亚与台湾电商平台
2019/02/03 全球购物
实习生自我评价
2014/01/18 职场文书
《画风》教学反思
2014/04/16 职场文书
网络技术专业求职信
2014/05/02 职场文书
员工合理化建议书
2014/05/19 职场文书
2015年乡镇安全生产工作总结
2015/05/19 职场文书
2015年语文教师工作总结
2015/05/25 职场文书
浅谈Python响应式类库RxPy
2021/06/14 Python
python常见的占位符总结及用法
2021/07/02 Python
Python字符串的转义字符
2022/04/07 Python