for循环,for of, forEach, map, for in

for循环 for of forEach map for in
定义 写法不简洁,代码可读性差 不需要索引的情况,直接使用for...of,代码高效明了。

 改变了原数组

 没有返回值

有返回值,可以return 出来 遍历对象,最常用的就是for...in,遍历到对象的key,根据key获取value。
性能 for > for of > forEach > map > for in
原因 因为没有额外的函数调用和上下文,所以性能是最快的 具有iterator接口的数据结构,可以使用它来迭代成员,直接读取键值 是for的语法糖,还有许多参数和上下文,因此会慢一些。forEach、map等不支持跳出循环 返回的是一个等长的全新数组,数组创建和赋值产生的性能开销较大。一个数组映射成另一个数组,使用 map、filter 等方法,支持链式调用

性能较差,因为需要列举对象的所有性能,有转化过程,所有开销较大。

对于纯对象的遍历, for … in 枚举更方便。

1、for循环

for (let [key, value] of arr.entries()) {
    // do sth
}

arr.forEach((value, key) => {
    // do sth
});

相比,后者比较简洁。

foreach 是 for 的封装。

封装的作用就是抽象,让代码可读性更好

2、for of

不需要索引的情况,直接使用for...of,代码高效明了。

function for_of_数组() {
    var arr = ['a', 'b', 'c', 'd'];

    for (let a of arr) {
        console.log(a); // a b c d
    }
}
// for_of_数组()

3、forEach

你可能感兴趣的:(面试题,前端,javascript)