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 单引号 传递方法
Jun 22 Javascript
js数字输入框(包括最大值最小值限制和四舍五入)
Nov 24 Javascript
JS实现兼容性好,自动置顶的淘宝悬浮工具栏效果
Sep 18 Javascript
基于javascript实现文字无缝滚动效果
Mar 22 Javascript
js停止冒泡和阻止浏览器默认行为的简单方法
May 15 Javascript
微信小程序使用slider设置数据值及switch开关组件功能【附源码下载】
Dec 09 Javascript
JQuery实现table中tr上移下移的示例(超简单)
Jan 08 jQuery
Laravel整合Bootstrap 4的完整方案(推荐)
Jan 25 Javascript
微信小程序实现长按删除图片的示例
May 18 Javascript
layui 表格操作列按钮动态显示的实现方法
Sep 06 Javascript
vue router返回到指定的路由的场景分析
Nov 10 Javascript
vue使用transition组件动画效果的实例代码
Jan 28 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
提升PHP执行速度全攻略(下)
2006/10/09 PHP
php设计模式 State (状态模式)
2011/06/26 PHP
php+mysql查询优化简单实例
2015/01/13 PHP
php图片上传类 附调用方法
2016/05/15 PHP
php 解决扫描二维码下载跳转问题
2017/01/13 PHP
PHP实现关键字搜索后描红功能示例
2019/07/03 PHP
在页面中js获取光标/鼠标的坐标及光标的像素坐标
2013/11/11 Javascript
AngularJS初始化过程分析(引导程序)
2014/12/06 Javascript
jQuery中prev()方法用法实例
2015/01/08 Javascript
jQuery中trigger()方法用法实例
2015/01/19 Javascript
js正则表达式replace替换变量方法
2016/05/21 Javascript
微信小程序 图片绝对定位(背景图片)
2017/04/05 Javascript
webpack 1.x升级过程中的踩坑总结大全
2017/08/09 Javascript
纯html+css+javascript实现楼层跳跃式的页面布局(实例代码)
2017/10/25 Javascript
Mac下安装vue
2018/04/11 Javascript
ES6 如何改变JS内置行为的代理与反射
2019/02/11 Javascript
js实现图片区域可点击大小随意改变(适用移动端)代码实例
2019/09/11 Javascript
React.js组件实现拖拽排序组件功能过程解析
2020/04/27 Javascript
Vue实现简单计算器
2021/01/20 Vue.js
python追加元素到列表的方法
2015/07/28 Python
Python实现定时任务
2017/02/08 Python
Python网络编程基于多线程实现多用户全双工聊天功能示例
2018/04/10 Python
浅谈tensorflow1.0 池化层(pooling)和全连接层(dense)
2018/04/27 Python
itchat-python搭建微信机器人(附示例)
2019/06/11 Python
python3实现高效的端口扫描
2019/08/31 Python
Python爬虫之Selenium下拉框处理的实现
2020/12/04 Python
ONLY瑞典官网:世界知名服装品牌
2018/06/19 全球购物
联想印度官方网上商店:Lenovo India
2019/08/24 全球购物
几个SQL的面试题
2014/03/08 面试题
幼儿园美术教学反思
2014/01/31 职场文书
干部作风整顿个人剖析材料
2014/10/06 职场文书
介绍信格式
2015/01/30 职场文书
2015年机关纠风工作总结
2015/05/15 职场文书
简单聊聊Vue中的计算属性和属性侦听
2021/10/05 Vue.js
Tomcat 与 maven 的安装与使用教程
2022/06/16 Servers
Python 避免字典和元组的多重嵌套问题
2022/07/15 Python