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 相关文章推荐
lib.utf.js
Aug 21 Javascript
很可爱的输入框
Aug 03 Javascript
Javascript笔记一 js以及json基础使用说明
May 22 Javascript
开发 Internet Explorer 右键功能表(ContextMenu)
Jul 03 Javascript
JavaScript利用构造函数和原型的方式模拟C#类的功能
Mar 06 Javascript
教你用AngularJS框架一行JS代码实现控件验证效果
Jun 23 Javascript
javascript结合fileReader 实现上传图片
Jan 30 Javascript
jquery-tips悬浮提示插件分享
Jul 31 Javascript
JavaScript评论点赞功能的实现方法
Mar 13 Javascript
vue在手机中通过本机IP地址访问webApp的方法
Aug 15 Javascript
Vue 动态组件components和v-once指令的实现
Aug 30 Javascript
webpack的移动端适配方案小结
Jul 25 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获取Google AJAX Search API 数据的代码
2010/03/12 PHP
php删除文件夹及其文件夹下所有文件的函数代码
2013/01/23 PHP
php使用strtotime和date函数判断日期是否有效代码分享
2013/12/25 PHP
PHP获取当前页面URL函数实例
2014/10/22 PHP
PHP通过串口实现发送短信
2015/07/08 PHP
Zend Framework连接Mysql数据库实例分析
2016/03/19 PHP
PHP发送AT指令实例代码
2016/05/26 PHP
ajax java 实现自动完成功能
2012/12/19 Javascript
IE及IE6浏览器中判断JS文件加载成功失败的方法
2015/02/18 Javascript
js兼容pc端浏览器并有多种弹出小提示的手机端浮层控件实例
2015/04/29 Javascript
js焦点文字滚动效果代码分享
2015/08/25 Javascript
jQuery position() 函数详解以及jQuery中position函数的应用
2015/12/14 Javascript
基于jQuery实现鼠标点击导航菜单水波动画效果附源码下载
2016/01/06 Javascript
Javascript实现代码折叠功能
2016/08/25 Javascript
基于javascript实现最简单选项卡切换
2017/02/01 Javascript
JS表单提交验证、input(type=number) 去三角 刷新验证码
2017/06/21 Javascript
js实现Tab选项卡切换效果
2020/07/17 Javascript
浅析vue-router中params和query的区别
2019/12/24 Javascript
vue从零实现一个消息通知组件的方法详解
2020/03/16 Javascript
微信小程序自定义联系人弹窗
2020/05/26 Javascript
针对Vue路由history模式下Nginx后台配置操作
2020/10/22 Javascript
django基础之数据库操作方法(详解)
2017/05/24 Python
修复CentOS7升级Python到3.6版本后yum不能正确使用的解决方法
2018/01/26 Python
django配置连接数据库及原生sql语句的使用方法
2019/03/03 Python
Python实现Selenium自动化Page模式
2019/07/14 Python
解决matplotlib.pyplot在Jupyter notebook中不显示图像问题
2020/04/22 Python
基于python连接oracle导并出数据文件
2020/04/28 Python
keras CNN卷积核可视化,热度图教程
2020/06/22 Python
什么是SQL Server的确定性函数和不确定性函数
2016/08/04 面试题
中学教师管理制度
2014/01/14 职场文书
庆祝教师节活动方案
2014/01/31 职场文书
最常使用的求职信
2014/05/25 职场文书
邹越感恩父母演讲稿
2014/08/28 职场文书
2015年人力资源工作总结
2015/04/08 职场文书
幼儿园教学工作总结2015
2015/05/12 职场文书
二维码条形码生成的JavaScript脚本库
2022/07/07 Javascript