浅谈javascript 迭代方法

作者:hebedich 时间:2024-06-07 15:50:55 

ECMAScript5为数组定义了5个迭代方法。每个方法都接收两个参数:要在每一项上运行的函数和(可选的)运行该函数的作用域对象(即影响this的值)。传入这些方法中的函数会接收三个参数:数组项的值、该项在数组中的位置和数组对象本身。根据使用方法的不同,这个函数执行后的返回值可能会也可能不会影响方法的返回值。这5个迭代方法是:

五个迭代方法 都接受两个参数:要在每一项上运行的函数 和 运行该函数的作用域(可选)

        every():对数组中的每一项运行给定函数。如果函数对每一项都返回true,则返回true。
        filter():对数组中的每一项运行给定函数。返回该函数会返回true的项组成的数组。
        forEach():对数组中每一项运行给定函数。该函数没有返回值。
        map():对数组中每一项运行给定函数。返回每次函数调用的结果组成的函数。
        some():对数组中每一项运行给定函数。如果函数对 任一项返回true,则返回true

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

在上面的方法中,every()和some()非常相似,它们都用于查询数组中的项是否满足某个条件。对于every()方法来说,传入的函数必须对每一项都返回true,这个方法才返回true。否则,它就返回false。而some()方法则是只要传入的函数对数组的某一项返回true,就会返回true。例如:


var nums = [1,2,3,4,5,4,3,2,1];
var result = nums.every(function(item, index, array){
return (item > 2);
})
console.info(result);

上面的代码会在控制台中打印false。


var nums = [1,2,3,4,5,4,3,2,1];
var result = nums.some(function(item, index, array){
return (item > 2);
})
console.info(result);

上面的代码会在控制台中打印true。

下面是一个filter()函数的例子,它利用指定的函数确定是否存在返回的数组中包含某一项。例如,要返回一个所有数值都大于2的数组,可以使用下面的代码:


var nums = [1,2,3,4,5,4,3,2,1];
var result = nums.filter(function(item, index, array){
return (item > 2);
})
console.info(result);  // [3,4,5,4,3]

上面的代码通过调用filter()方法返回包含3,4,5,4,3的数组。这个方法对于查询符合某些条件的所有数组非常有用。

map()方法也返回一个数组,而这个数组的每一项都是在原始数组中的对应项上运行传入函数的结果。例如,可以给数组中的每一项都乘以2,然后返回这些乘积组成的数组:


var nums = [1,2,3,4,5,4,3,2,1];
var result = nums.map(function(item, index, array){
return item * 2;
})
console.info(result);  // [2,4,6,8,10,8,6,4,2]

map()方法适合用于创建包含的项于另一个数组一一对应的数组。

最后一个是forEach()方法,它只是对数组中的每一项运行传入的函数。这个方法没有返回值,本质上于使用for循环迭代数组是一样的。看下面的例子:


var nums = [1,2,3,4,5,4,3,2,1];
nums.forEach(function(item, index, array){
//执行需要的操作
})

js中的这些数组方法通过执行不同的操作,可以大大的方便处理数组的任务。

支持这些迭代方法的浏览器有:IE9+,Firefox2+,Safari3+,Opera9.5+和Chrome。


   var numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
   //every()和some()最相似
   //every() item:当前遍历项,index:当前项索引,array:数组对象本身
   var everyResult = numbers.every(function (item, index, array) {
     return item > 2;
   });
   alert(everyResult);//false
   //some()
   var someResult = numbers.some(function (item, index, array) {
     return item > 2;
   });
   alert(someResult);//true
   //filter
   var filterResult = numbers.filter(function (item, index, array) {
     return item > 2;
   });
   alert(filterResult);//[3,4,5,4,3]
   //map()
   var mapResult = numbers.map(function (item, index, array) {
     return (item * 2);
   });
   alert(mapResult);//[2,4,6,8,10,8,6,4,2]
   //forEach 本质上和for循环没有区别
   var forEachResult=numbers.forEach(function(item,index,array){
     alert(item)
   });
标签:javascript,迭代
0
投稿

猜你喜欢

  • 完美解决ARIMA模型中plot_acf画不出图的问题

    2023-07-13 14:17:34
  • Python2.6版本中实现字典推导 PEP 274(Dict Comprehensions)

    2022-04-13 02:53:50
  • tensorflow -gpu安装方法(不用自己装cuda,cdnn)

    2021-01-26 09:06:46
  • 详解MySQL存储过程参数有三种类型(in、out、inout)

    2024-01-25 17:45:12
  • django foreignkey外键使用的例子 相当于left join

    2021-04-17 15:52:33
  • sqlserver中在指定数据库的所有表的所有列中搜索给定的值

    2011-09-30 11:27:38
  • Go语言中结构体方法副本传参与指针传参的区别介绍

    2024-05-05 09:29:45
  • 详解Python手写数字识别模型的构建与使用

    2023-10-21 18:34:12
  • web2.0中流行的设计元素:颜色

    2007-12-10 12:16:00
  • python接口自动化(十七)--Json 数据处理---一次爬坑记(详解)

    2021-10-03 08:39:35
  • 给Django Admin添加验证码和多次登录尝试限制的实现

    2022-10-17 01:09:34
  • Python利用机器学习算法实现垃圾邮件的识别

    2021-02-24 04:31:04
  • 使用pycharm在本地开发并实时同步到服务器

    2022-09-18 16:25:12
  • 用Python判断奇偶数示例

    2021-03-17 22:18:22
  • SQL Server数据库服务器高性能设置

    2010-11-25 16:00:00
  • 自适应线性神经网络Adaline的python实现详解

    2023-11-03 03:57:40
  • Python操作使用MySQL数据库的实例代码

    2024-01-16 09:26:12
  • PHP echo()函数讲解

    2023-06-05 18:50:54
  • 使用python检测主机存活端口及检查存活主机

    2021-08-01 05:20:27
  • SQL Server优化50法汇总

    2024-01-24 11:11:37
  • asp之家 网络编程 m.aspxhome.com