map、filter、forEach、reduce、for in、for of等遍历方法

map、filter、forEach、reduce的相同点和不同点:

相同点

  1. 都会循环遍历数组中的每一项;
  2. map()、forEach()和filter()方法里每次执行匿名函数都支持3个参数,参数分别是:当前元素、当前元素的索引、当前元素所属的数组;
  3. 匿名函数中的this都是指向window;
  4. 只能遍历数组。

不同点:

  1. map()速度比forEach()快;
  2. map()和filter()会返回一个新数组,不对原数组产生影响;forEach()不会产生新数组,返回undefined;reduce()函数是把数组缩减为一个值(比如求和、求积);
  3. reduce()有4个参数,第一个参数为初始值。

详解map、reduce、foreach、filter之间的区别

for循环、for-in、forEach、for-of的对比

forEach
forEach专门用来循环数组,可以直接取到元素,同时也可以取到index值
存在局限性,不能continue跳过或者break终止循环,没有返回值,不能return

for in(对象)
for…in 一般循环遍历的都是对象的属性,遍历对象本身的所有可枚举属性,以及对象从其构造函数原型中继承的属性
key会变成字符串类型

for of(数组)
允许遍历 Arrays(数组)、Strings(字符串)、Maps(映射)、Sets(集合)等可迭代的数据结构
for of 支持return, 只能遍历数组不能遍历对象(遍历对象需要通过和Object.keys()搭配使用)

  • forEach更多的用来遍历数组
  • for in 一般常用来遍历对象或json
  • for of 用来遍历数组非常方便且比较安全
  • for in循环出的是key,for of循环出的是value

你可能感兴趣的:(js,javascript)