JS for循环的3种使用

布满荆棘的人生 2023-01-05 12:06 204阅读 0赞

**1.1 for循环使用：**

**1)for in：**

**遍历存放对象的一维数组**

var arr=[{
        "id":1,"name":"張山"},{
        "id":2,"name":"李四"}];
    				for(var i in arr){
        
    					console.log(i);
    				}

结果：仅仅会得到数组的索引会遍历数组的原型属性），而且会打印出部分原型，不推荐这种使用方式，可以遍历对象属性（；

0
    VM42759:265 1
    VM42759:265 delByIndex
    VM42759:265 delAllRepeat
    VM42759:265 removeById
    VM42759:265 sort_by

arr属性：

0: {
        id: 1, name: "張山"}
    1: {
        id: 2, name: "李四"}
    length: 2
    __proto__: Array(0)
    delAllRepeat: ƒ (type)
    delByIndex: ƒ (index)/**@lends Array# */{
         //return len < index ? this : this.slice(0, index).concat(this.slice(index+1)); index = +index; if(index==-1)
    removeAll: ƒ ()
    removeById: ƒ (_384,id)
    sort_by: ƒ (map, desc)
    add: ƒ (el, index)
    all: ƒ (a)

**2)forEach**

**forEach遍历存放对象的一维数组；**

数组对象.forEach(函数定义/已定义函数的函数名);

dataArray.forEach(function(item,index){
        
    					console.log("arr["+index+"]"+item);
    				});

结果：

如果数组对象dataArray为null则会报错，值为\[\]不会执行forEach函数而且不会报错，推荐使用但是它不能遍历对象。

arr[0][object Object]
    VM43346:264 arr[1][object Object]
    VM43346:264 arr[2][object Object]
    VM43346:264 arr[3][object Object]
    VM43346:264 arr[4][object Object]
    VM43346:264 arr[5][object Object]
    VM43346:264 arr[6][object Object]
    VM43346:264 arr[7][object Object]
    VM43346:264 arr[8][object Object]
    VM43346:264 arr[9][object Object]
    VM43346:264 arr[10][object Object]
    VM43346:264 arr[11][object Objec

1.2 取对象不存在的属性得到的值为undefined;

**3）for-of循环**

> 一个数据结构只要部署了Symbol.iterator属性，就被视为具有iterator接口，就可以用for…of循环遍历它的成员。也就是说，for…of循环内部调用的是数据结构的Symbol.iterator方法。  
> 　　for…of循环可以使用的范围包括数组、Set 和 Map 结构、某些类似数组的对象（比如arguments对象、DOM NodeList 对象）、后文的 Generator 对象，以及字符串