浅谈javascript 迭代方法

网络编程 2024/11/19 佚名

3 2 1

无为清净楼资源网 Design By www.qnjia.com

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迭代方法。

javascript,迭代

标签：

javascript,迭代

无为清净楼资源网 Design By www.qnjia.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

无为清净楼资源网 Design By www.qnjia.com

评论“浅谈javascript 迭代方法”

暂无评论...

www.qnjia.com 无为清净楼资源网

139,976互联网资源

144,792高清电影

21,817无损音乐

631,128技术资源

浅谈javascript 迭代方法

javascript,迭代

js实现DOM走马灯特效的方法

js实现用户注册协议倒计时的方法

评论“浅谈javascript 迭代方法”

稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！

更新日志

友情链接