脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → 基础知识 → JavaScript ECMA5数组

JavaScript_ECMA5数组新特性详解

 更新时间：2016年06月12日 09:09:01   投稿：jingxian  
下面小编就为大家带来一篇JavaScript_ECMA5数组新特性详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

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数组新特性详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

相关文章

  • IE网页js语法错误2行字符1、FF中正常的解决方法

    IE网页js语法错误2行字符1、FF中正常的解决方法

    使用模态窗体则会先弹出此错误然后再显示新打开的界面，经搜索找到不错的解决方法，有类似问题的朋友可以参考下，希望对大家有所帮助
    2013-09-09
  • jquery应该如何来设置改变按钮input的onclick事件

    jquery应该如何来设置改变按钮input的onclick事件

    要动态改变这个上一页按钮中onclick的函数.我自己是尝试了很多种方法，都没有做出来，下面列举的几个都是失败的例子,需要的朋友可以参考下
    2012-12-12
  • 说说掌握JavaScript语言的思想前提想学习js的朋友可以看看

    说说掌握JavaScript语言的思想前提想学习js的朋友可以看看

    无论是公司的同事还是外界的程序员朋友们，大部分人对JavaScript的高级应用不甚了解，已有的知识架构里会认为JavaScript仅仅是一门脚本语言，其作用是给页面做一些锦上添花的效果，比如表单验证等等。
    2009-04-04
  • mailto的使用技巧分享

    mailto的使用技巧分享

    如何使用mailto？对于大多数人来说并不是很陌生，但是实用上的细节部分你们有没有注意到，接下来分享一下本人在使用过程中的经验，需要了解的朋友可以参考下
    2012-12-12
  • JavaScript中的数据类型介绍

    JavaScript中的数据类型介绍

    这篇文章介绍了JavaScript中的数据类型，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2022-05-05
  • 浅析JavaScript异步代码优化

    浅析JavaScript异步代码优化

    这篇文章主要介绍了JavaScript异步代码优化，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • 浅谈javascript错误处理

    浅谈javascript错误处理

    本文主要从前端开发者的角度谈一谈大多数前端开发者都会遇到的js错误，对错误产生的原因、发生阶段，以及如何应对错误进行分析、归纳和总结，希望得到一些有益的结论用来指导日常开发工作。
    2019-08-08
  • JavaScript执行顺序详细介绍

    JavaScript执行顺序详细介绍

    这篇文章主要介绍了JavaScript执行顺序，有需要的朋友可以参考一下
    2013-12-12
  • js脚本学习 比较实用的基础

    js脚本学习 比较实用的基础

    js脚本学习 比较实用的基础...
    2006-09-09
  • Javascript基础教程之for循环

    Javascript基础教程之for循环

    这篇文章主要介绍了Javascript基础教程之for循环的相关资料以及示例分享,需要的朋友可以参考下
    2015-01-01

最新评论