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引起的内存泄漏问题
Oct 08 Javascript
对字符串进行HTML编码和解码的JavaScript函数
Feb 01 Javascript
js判断鼠标同时离开两个div的思路及代码
May 31 Javascript
JavaScript实现将xml转换成html table表格的方法
Apr 17 Javascript
JQuery分屏指示器图片轮换效果实例
May 21 Javascript
javascript中undefined与null的区别
Aug 16 Javascript
微信小程序tabBar模板用法实例分析【附demo源码下载】
Nov 28 Javascript
vue动态绑定class选中当前列表变色的方法示例
Dec 19 Javascript
VUE项目初建和常见问题总结
Sep 12 Javascript
layui table 表格上添加日期控件的两种方法
Sep 28 Javascript
VUE+elementui面包屑实现动态路由详解
Nov 04 Javascript
vue实现轮播图帧率播放
Jan 26 Vue.js
喜大普奔!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
150kHz到30Mhz完全冲浪手册
2020/03/20 无线电
高亮度显示php源代码
2006/10/09 PHP
PHP OPCode缓存 APC详细介绍
2010/10/12 PHP
IP攻击升级,程序改进以对付新的攻击
2010/11/23 PHP
php中的一些数组排序方法分享
2012/07/20 PHP
php魔术方法与魔术变量、内置方法与内置变量的深入分析
2013/06/03 PHP
ThinkPHP页面跳转success与error方法概述
2014/06/25 PHP
图片自动更新(说明)
2006/10/02 Javascript
ExtJS 2.0实用简明教程 之Border区域布局
2009/04/29 Javascript
Javascript Function对象扩展之延时执行函数
2010/07/06 Javascript
JavaScript下利用fso判断文件是否存在的代码
2010/12/11 Javascript
javascript仿qq界面的折叠菜单实现代码
2012/12/12 Javascript
详解JavaScript编程中正则表达式的使用
2015/10/25 Javascript
node.js 中国天气预报 简单实现
2016/06/06 Javascript
详解vue2.0组件通信各种情况总结与实例分析
2017/03/22 Javascript
JS实现运动缓冲效果的封装函数示例
2018/02/18 Javascript
node thread.sleep实现示例
2018/06/20 Javascript
微信小程序textarea层级过高(盖住其他元素)问题的解决办法
2019/03/04 Javascript
vue+elementUI动态增加表单项并添加验证的代码详解
2020/12/17 Vue.js
[47:45]Liquid vs OG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python标准库os.path包、glob包使用实例
2014/11/25 Python
python中map、any、all函数用法分析
2015/04/21 Python
Python利用Nagios增加微信报警通知的功能
2016/02/18 Python
Python2.7读取PDF文件的方法示例
2017/07/13 Python
Python3实战之爬虫抓取网易云音乐的热门评论
2017/10/09 Python
Python实现九宫格式的朋友圈功能内附“马云”朋友圈
2019/05/07 Python
基于Python中random.sample()的替代方案
2020/05/23 Python
Python Mock模块原理及使用方法详解
2020/07/07 Python
高三学习决心书
2014/03/11 职场文书
《地震中的父与子》教学反思
2014/04/10 职场文书
小学校园之星事迹材料
2014/05/16 职场文书
领导干部作风整顿剖析材料
2014/10/11 职场文书
中学推普周活动总结
2015/05/07 职场文书
少先队中队工作总结
2015/08/14 职场文书
2016中秋节晚会开场白
2015/11/26 职场文书
MySQL之DML语言
2021/04/05 MySQL