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中html字符串转化为jquery dom对象的方法
Aug 27 Javascript
jQuery模拟360浏览器切屏效果幻灯片(附demo源码下载)
Jan 29 Javascript
不能不知道的10个angularjs英文学习网站
Mar 23 Javascript
详解Html a标签中href和onclick用法、区别、优先级别
Jan 16 Javascript
node.js实现复制文本到剪切板的功能
Jan 23 Javascript
ES6中Iterator与for..of..遍历用法分析
Mar 31 Javascript
Vue组件实例间的直接访问实现代码
Aug 20 Javascript
浅谈vue中数据双向绑定的实现原理
Sep 14 Javascript
快速将Vue项目升级到webpack3的方法步骤
Sep 14 Javascript
Webpack优化配置缩小文件搜索范围
Dec 25 Javascript
Vue项目引发的「过滤器」使用教程
Mar 12 Javascript
Vue自定义指令结合阿里云OSS优化图片的实现方法
Nov 12 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提示Failed to write session data错误的解决方法
2014/12/17 PHP
php+ajax实现无刷新动态加载数据技术
2015/04/28 PHP
PHP正则判断一个变量是否为正整数的方法
2019/02/27 PHP
Javascript学习笔记4 Eval函数
2010/01/11 Javascript
raphael.js绘制中国地图 地图绘制方法
2014/02/12 Javascript
利用jquery写的左右轮播图特效
2014/02/12 Javascript
JQuery中的html()、text()、val()区别示例介绍
2014/09/01 Javascript
innerHTML动态添加html代码和脚本兼容多个浏览器
2014/10/11 Javascript
jQuery判断对象是否存在的方法
2015/02/05 Javascript
JavaScript获取表单内所有元素值的方法
2015/04/02 Javascript
js实现3D图片逐张轮播幻灯片特效代码分享
2015/09/09 Javascript
Javascript iframe交互并兼容各种浏览器的解决方法
2016/07/12 Javascript
原生javascript实现的ajax异步封装功能示例
2016/11/03 Javascript
浅谈Node.js:Buffer模块
2016/12/05 Javascript
vue单页面打包文件大?首次加载慢?nginx带你飞,从7.5M到1.3M蜕变过程(推荐)
2018/01/16 Javascript
使用Angular 6创建各种动画效果的方法
2018/10/10 Javascript
vue2.0移动端滑动事件vue-touch的实例代码
2018/11/27 Javascript
Vue+Django项目部署详解
2019/05/30 Javascript
Bootstrap实现省市区三级联动(亲测可用)
2019/07/26 Javascript
JavaScript实现放大镜效果代码示例
2020/04/29 Javascript
js实现鼠标拖曳效果
2020/12/30 Javascript
[05:17]DOTA2誓师:今天我们在这里 明天TI4等我!
2014/03/26 DOTA
python删除不需要的python文件方法
2018/04/24 Python
python 获取一个值在某个区间的指定倍数的值方法
2018/11/12 Python
对pandas读取中文unicode的csv和添加行标题的方法详解
2018/12/12 Python
Python字符串对象实现原理详解
2019/07/01 Python
自学python用什么系统好
2020/06/23 Python
python3.8.3安装教程及环境配置的详细教程(64-bit)
2020/11/28 Python
selenium与xpath之获取指定位置的元素的实现
2021/01/26 Python
阿波罗盒子:Apollo Box
2017/08/14 全球购物
女子职高个人自荐书
2014/02/01 职场文书
幼儿园教师演讲稿
2014/05/06 职场文书
任命书格式
2014/06/05 职场文书
2014-2015学年工作总结
2014/11/27 职场文书
幼儿园感恩节活动总结
2015/03/24 职场文书
离婚起诉书范本
2015/05/18 职场文书