美文网首页
es5数组对象的5个迭代方法

es5数组对象的5个迭代方法

作者: CodeBub | 来源:发表于2018-05-18 13:20 被阅读0次

es5浏览器兼容:

  • Opera 11+
  • Firefox 3.6+
  • Safari 5+
  • Chrome 8+
  • Internet Explorer 9+
    es5 为数组定义了5 个迭代方法。每个方法都接收两个参数:要在每一项上运行的函数和(可选的)运行该函数的作用域对象——影响this 的值。传入这些方法中的函数会接收三个参数:数组项的值、该项在数组中的位置和数组对象本身。根据使用的方法不同,这个函数执行后的返回值可能会也可能不会影响方法的返回值。以下是这5 个迭代方法的作用。
  • every():对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则返回true。
var numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
var everyResult = numbers.every(function(item, index, array) {
    return (item > 2);
});
alert(everyResult); //false
  • filter():对数组中的每一项运行给定函数,返回该函数会返回true 的项组成的数组。
var numbers = [1,2,3,4,5,4,3,2,1];
var filterResult = numbers.filter(function(item, index, array){
    return (item > 2);
});
alert(filterResult); //[3,4,5,4,3]
  • forEach():对数组中的每一项运行给定函数。这个方法没有返回值。
var numbers = [1,2,3,4,5,4,3,2,1];
.numbers.forEach(function(item, index, array){
    //执行某些操作
});
//它只是对数组中的每一项运行传入的函数。这个方法没有返回值,本质上与使用for 循环迭代数组一样。
  • map():对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。
var numbers = [1,2,3,4,5,4,3,2,1];
var mapResult = numbers.map(function(item, index, array){
    return item * 2;
});
alert(mapResult); //[2,4,6,8,10,8,6,4,2]
  • some():对数组中的每一项运行给定函数,如果该函数对任一项返回true,则返回true。
var numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
var someResult = numbers.some(function(item, index, array) {
    return (item > 2);
});
alert(someResult); //true

以上方法都不会修改数组中的包含的值。

相关文章

  • JS基础篇-Array

    一、迭代方法 ES5为数组定义了5个迭代方法,这些方法大大方便了处理数组的任务: 1、every 对数组每一项进行...

  • JS数组的迭代方法

    数组的迭代方法:ES5中为数组定义了五种迭代方法:传入方法中的函数会接受三个参数:1.数组项的值 2. 该项在数组...

  • javascript中数组的五种迭代方法

    javascript中数组的五种迭代方法 ES5中为数组定义了5个迭代方法。每个方法接收两个参数:要在每一项上运行...

  • JS进阶——underscore源码(2)

    _.each 和 _.forEach 在 ES5 中,只能对数组对象进行迭代,而 underscore 提供的...

  • js遍历数组forEach,map,filter,some,ev

    es5和es6新增数组迭代方法: forEach map forEach filter some every re...

  • ES6对数组的扩展

    Array.from() Array.from方法用于将“类数组”对象和“可迭代”对象转为真正的数组。 类数组对象...

  • 数组的迭代方法

    ES5为数组定义了5个迭代的方法。每个方法都接收两个参数:1)要在每一项上运行的函数2)运行该函数的作用域对象--...

  • es5数组对象的5个迭代方法

    es5浏览器兼容: Opera 11+ Firefox 3.6+ Safari 5+ Chrome 8+ Inte...

  • 第三章 Caché JSON 迭代数组

    第三章 Caché JSON 迭代数组 动态实体使用标准的迭代方法%GetNext(),该方法同时处理对象和数组。...

  • 关于数组的迭代方法

    ES5为数组定义了5个迭代的方法每个方法都接受两个参数:1.要在每一项上运行的函数 2.运行该函数的作用域对象--...

网友评论

      本文标题:es5数组对象的5个迭代方法

      本文链接:https://www.haomeiwen.com/subject/ecxgdftx.html