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)
});
原文地址:https://www.cnblogs.com/yanl55555/p/12200132.html