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 相关文章推荐
网页自动跳转代码收集
Sep 27 Javascript
js 弹出菜单/窗口效果
Oct 30 Javascript
使用jQuery仿苹果官网焦点图特效
Dec 23 Javascript
JavaScript DOM操作表格及样式
Apr 13 Javascript
JavaScript里 ==与===区别详解
Aug 16 Javascript
Bootstrap栅格系统学习笔记
Nov 25 Javascript
jQuery插件zTree实现获取当前选中节点在同级节点中序号的方法
Mar 08 Javascript
微信小程序switch组件使用详解
Jan 31 Javascript
Node.js+ELK日志规范的实现
May 23 Javascript
vue 翻页组件vue-flip-page效果
Feb 05 Javascript
js实现简单商品筛选功能
Feb 02 Javascript
JS ES6异步解决方案
Apr 29 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
thinkPHP5框架闭包函数与子查询传参用法示例
2018/08/02 PHP
js loading加载效果实现代码
2009/11/24 Javascript
js中top/parent/frame概述及案例应用
2013/02/06 Javascript
jQuery回调函数的定义及用法实例
2014/12/23 Javascript
jQuery实现设置、移除文本框默认值功能
2015/01/13 Javascript
pc加载更多功能和移动端下拉刷新加载数据
2016/11/07 Javascript
div实现自适应高度的textarea实现angular双向绑定
2017/01/08 Javascript
JS批量替换内容中关键词为超链接
2017/02/20 Javascript
js实现彩色条纹滚动条效果
2017/03/15 Javascript
Angular实现一个简单的多选复选框的弹出框指令实例
2017/04/25 Javascript
webpack 4.0.0-beta.0版本新特性介绍
2018/02/10 Javascript
vue cli 3.0 使用全过程解析
2018/06/14 Javascript
解析vue data不可以使用箭头函数问题
2018/07/03 Javascript
vue 属性拦截实现双向绑定的实例代码
2018/10/24 Javascript
js核心基础之构造函数constructor用法实例分析
2019/05/11 Javascript
node.js开发辅助工具nodemon安装与配置详解
2020/02/06 Javascript
解决vue的router组件component在import时不能使用变量问题
2020/07/26 Javascript
vue相同路由跳转强制刷新该路由组件操作
2020/08/05 Javascript
JS遍历树层级关系实现原理解析
2020/08/31 Javascript
JavaScript实现浏览器网页自动滚动并点击的示例代码
2020/12/05 Javascript
[01:10]DOTA2亚洲邀请赛 征战号角响彻全场
2015/01/06 DOTA
[01:35:13]DOTA2-DPC中国联赛 正赛 DLG vs PHOENIX BO3 第一场 1月18日
2021/03/11 DOTA
python 与GO中操作slice,list的方式实例代码
2017/03/20 Python
python中logging库的使用总结
2017/10/18 Python
Python3匿名函数用法示例
2018/07/25 Python
Python中文编码知识点
2019/02/18 Python
python图像处理模块Pillow的学习详解
2019/10/09 Python
如何使用python socket模块实现简单的文件下载
2020/09/04 Python
纯CSS3+DIV实现小三角形边框效果的示例代码
2020/08/03 HTML / CSS
芬兰灯具网上商店:Nettilamppu.fi
2018/06/30 全球购物
乐高西班牙官方商店:LEGO Shop ES
2019/12/01 全球购物
城市轨道专业个人求职信范文
2013/09/23 职场文书
政法大学毕业生自荐信范文
2014/01/01 职场文书
聘用意向书
2014/07/29 职场文书
抢劫罪辩护词
2015/05/21 职场文书
丧事答谢词大全
2015/09/30 职场文书