javascript语法--for in、for of和forEach

首先看简单for循环效果，功能最基本，但可以实现所有循环功能

 for (let i = 0; i < list.length; i++) {
   
}

 

接下来看for in、for of和forEach的常见用法

主要是侧重点不同

一、for in

重点打印key-value对

模板：

for (const key in object) {
      if (object.hasOwnProperty(key)) {
         const element = object[key];           
  }
}

示例应用：

 for (let i = 0; i < list.length; i++) {
          for (let index in list[i]) {
           let temp = list[i];
//打印key-value
           console.log(index,list[i][index]);
            console.log(index,temp[index]);
       }
 }        

 

二、for of

重点打印list数组

模板：

for (const iterator of object) {
              
}

示例应用：

for (const iterator of list) {
        console.log("forof");
        console.log(iterator);
}

三、for each

重点打印list数组

模板：

array.forEach(element => {
            
});

示例应用：

list.forEach(element => {

            console.log(element)

});