js中数组的几种循环方式

js中数组的几种循环方式for循环最基本的循环方式，不多说。这种最基本的循环才是速度最快的，效率最高的。for(var i = 0;i<5;i++){console.log(i)}for in循环用来遍历对象的。要知道JavaScript对象的所有属性都是字符串，不过属性对应的值可以是任意数据类型。（注意：遍历时不仅能读取对象自身上面的成员属性，也能遍历出对象的原型属性）let obj =

teng28

15328人浏览 · 2022-02-25 11:10:25

teng28 · 2022-02-25 11:10:25 发布

js中数组的几种循环方式

for循环最基本的循环方式，不多说。这种最基本的循环才是速度最快的，效率最高的。
```
for(var i = 0;i<5;i++){
    console.log(i)
}
```
for in循环用来遍历对象的。要知道JavaScript对象的所有属性都是字符串，不过属性对应的值可以是任意数据类型。（注意：遍历时不仅能读取对象自身上面的成员属性，也能遍历出对象的原型属性）
```
let obj = {a:1, b:2, c:3};
for (let prop in obj) {  //prop指对象的属性名
console.log(prop, obj[prop]);
}   //输出: a,1 b,2 c,3
```
for of循环作为ES6新增的循环方法，这个方法避开了for-in循环的所有缺陷。而且，它可以正确响应break、continue和return语句。for-of循环不仅支持数组，还支持大多数类数组对象，例如DOM NodeList对象。但是for of也有一个致命伤，就像例子看到的，没有索引。对，这是优点也是缺点。遍历数组对象，直接就是item.属性(或者item[属性]),而不用像for循环那样arr[index].属性(arrindex)。但是你有的时候真的就得用到index。不好意思，只能把数组转成Map()。但我觉得真的需要用到index，还是换成forEach吧。
```
let arr = ['123','qwewq','sfds'];
for(let item of arr){
console.log(item); //item指的的就是数组每一项的值。不是索引。
}
//输出 '123' 'qwewq' 'sfds'
```

forEach循环里面没办法用break跳出循环。而且在IE中无法实现，需要做兼容处理。没有 return 返回值。

let arr = ['123','qwewq','sfds'];
myArray.forEach(function (value, index) {
    console.log(value,index);
});
// 输出结果 '123',1  'qwewq',2  'sfds',3

map循环映射，将原有的数组映射成一个新数组，不操作原数组，返回新数组，回调函数中返回什么这一项就是什么
forEach、map都是ECMA5新增数组的方法。map支持return
```
    let arr = ['123','qwewq','sfds'];
    arr.map(function(value,index){
    console.log(value,index);
    });
    // 输出结果 '123',1  'qwewq',2  'sfds',3
```