javascript 学习笔记 【数组迭代方法】
javascript 学习笔记 【数组迭代方法】
anziguoer 发表于2年前
javascript 学习笔记 【数组迭代方法】
  • 发表于 2年前
  • 阅读 21
  • 收藏 0
  • 点赞 0
  • 评论 0
摘要: javascript 学习笔记, js高级程序设计 【数组迭代方法】

数组迭代方法:

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

  1. every() :对数组中的每一项运行给定函数,如果该函数对每一项都返回 true ,则返回 true 。

  2. filter() :对数组中的每一项运行给定函数,返回该函数会返回 true 的项组成的数组。

  3. forEach() :对数组中的每一项运行给定函数。这个方法没有返回值。

  4. map() :对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。

  5. some() :对数组中的每一项运行给定函数,如果该函数对任一项返回 true ,则返回 true 。

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

在这些方法中,最相似的是 every() 和 some() ,它们都用于查询数组中的项是否满足某个条件。

对 every() 来说,传入的函数必须对每一项都返回 true ,这个方法才返回 true ;否则,它就返回

false 。而 some() 方法则是只要传入的函数对数组中的某一项返回 true ,就会返回 true 。


console.log('数组函数的操作');

var arr = ['21', 'yangyulong', new Object(), [1,2,3]];

console.log('使用every函数');

var everyResulr = arr.every(function(item, index, array){

    // console.log(item, index, array);

    // return item > 2;

    return true;

});

console.log(everyResulr);

console.log('++++++++++++++数组的filter函数使用+++++++++++++++++++++++++++++');

var filterArr = arr.filter(function(item, index, array){

    return typeof item == 'object' ? true : false;

});

console.log(filterArr);

console.log('===============数组map函数的使用======================');

var mapArr = arr.map(function(item){

    return item + 100;

});

console.log(mapArr)



共有 人打赏支持
anziguoer
粉丝 26
博文 71
码字总数 33833
×
anziguoer
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: