JS Array ECMAScript5 Methods

JavaScript的新版本(ECMAScript5)中,为数组新增了一些方法。这些方法包括:forEach(f[,o]):此方法类似于for/in循环,其作用是遍历整个数组并执行函数的某些

大家好,又见面了,我是全栈君,今天给大家准备了Idea注册码。

全栈程序员社区此处内容已经被作者隐藏,请输入验证码查看内容
验证码:
请关注本站微信公众号,回复“验证码”,获取验证码。在微信里搜索“全栈程序员社区”或者“www_javaforall_cn”或者微信扫描右侧二维码都可以关注本站微信公众号。

JavaScript 的新版本(ECMAScript 5)中,为数组新增了一些方法。这些方法包括:

          forEach(f [,o]): 此方法类似于for/in循环,其作用是遍历整个数组并执行函数的某些操作,但它不会遍历数组的属性。它接受一个函数参数,该函数可以有1、2与3个参数。完整的三个参数分别为:数组中的每一个值,数组的索引,数组本身。这个函数没有返回值。如:

var a = [0,1,2,3,4];  
var sum = 0;  
a.forEach(function(v,i,arr){  
     sum += v;  
     console.log(arr[i]);  
});
// http://www.cnblogs.com/roucheng/

 map(f [,o]): 类似于forEach()方法,但它有返回值—一个新数组,它的参数函数必须有返回值,参数函数的返回值作为新数组的元素。其它用法与forEach()方法类似。

var a = [1,2,3,4,5];  
var b = a.map(function(x){  
     return x*x;  
});  
  
console.log(a); //[1,2,3,4,5]  
console.log(b); //[1,4,9,16,25]

 filter(f [, o]): 对数组元素进行过滤,返回一个符合要求的新数组。如:

var a = [1,2,3];  
a[5] = 6;  
  
var b = a.filter(function(x){  
    return x !== undefined;  
});  
  
console.log(a); //[1,2,3,undefined,undefined,6];  
console.log(b); //[1,2,3,6];

// http://www.cnblogs.com/roucheng/

every(f [, o]): 有一个布尔类型的返回值,函数参数f用来检测数组元素是否满足要求。有且只有数组全部元素都满足f的要求时,才会返回true,否则返回false。

var a = [1,3,7];  
  
var flag = a.every(function(x){  
     return x < 5;  
});  
  
console.log(flag); //false

 some(f [, o]): 与every()方法不同,只要有数组元素满足f的要求就返回true,否则返回false。

var a = [1,3,7];  
  
var flag = a.some(function(x){  
     return x < 5;  
});  
  
console.log(flag); //true

  reduce(f [, initial, index, array]): 对数组元素值进行计算。返回最后一次计算的值。函数f(x,y)接受两个参数,如果有初始值,则把初始值作为x计算,然后把每一次的计算值作为下一次的x,把数组元素依次作为y。

var a = [1,2,3,4,5];  
  
var b = a.reduce(function(x,y){  
     return x+y;  
},0);  
  
console.log(b);  //15

  reduceRight(): 与reduce()函数作用相同,只是它从右向左依次取数组元素。

 

       indexOf(value [, start]): 根据值来找到相应在数组中的索引位置,取多个匹配索引用最小的那个或在没有匹配的情况下返回-1。

       lastIndexOf(value [, start]): 与indexOf()函数相似,只是它是从后面向前面进行搜索。
        推荐:http://www.cnblogs.com/roucheng/p/css3train.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/120626.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 【排版六原则】

    上个月,我贴了《图形化简历》。几天后,就收到了秋叶老师的来信,希望…

    2022年1月18日
    34
  • camunda「建议收藏」

    camunda「建议收藏」CamundaBPM用途:流程管理、流程解决方案支持语言:java,nodejs入门指导:1.https://docs.camunda.org/get-started/quick-sta

    2022年8月1日
    4
  • Java解析XML文件的方式

    Java解析XML文件的方式在项目里,我们往往会把一些配置信息放到xml文件里,或者各部门间会通过xml文件来交换业务数据,所以有时候我们会遇到“解析xml文件”的需求。一般来讲,有基于DOM树和SAX的两种解析xml文件的方式,在这部分里,将分别给大家演示通过这两种方式解析xml文件的一般步骤。1XML的文件格式XML是可扩展标记语言(ExtensibleMarkupLanguage)的缩写,…

    2022年6月2日
    38
  • mysql 服务器端命令源码(二) Show authors

    mysql 服务器端命令源码(二) Show authors

    2021年8月29日
    66
  • 软件设计——UML类图详解「建议收藏」

    一:UML类图思维导图 思维导图地址:http://naotu.baidu.com/file/df1cb03489378d2a541d3d8d181399da?token=2eb1feb8006fa607 密码:33bZ二:详细分析和介绍下面就从上面的思维导图开始,详细的介绍UML类图! 在讲解之前请看关系线条图(一定要牢记): 1、 什么是UML,概念是什么? 统一建模语言

    2022年2月25日
    75
  • android HorizontalScrollView讲解[通俗易懂]

    android HorizontalScrollView讲解[通俗易懂]前言  本章内容是android.widget.HorizontalScrollView,译为”横向滚动条”,版本为Android2.3r1,翻译来自”Tina”,感谢”Tina”为大家带来精彩的翻译稿!期待你加入AndroidAPI中文的翻译,联系我over140@gmail.com。 声明  欢迎转载,但请保留文章原始出处:)    JavaEye社区:htt

    2022年7月14日
    15

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号