for、for..in、for...of、forEach用法及区别

区别

1、for、for…in、forEach 用于同步线程， for…of 用于异步线程(用法跟for…in类似，只不过它需要用到回调函数)
2、for、forEach、for…of都是针对于数组，for…in既可以用于数组也可用于对象

用法

1. for

const arr = ['a','b','c','d']
for(let i=0; i<arr.length; i++){
 console.log(arr[i])
}
//a、b、c、d

2. for…in

const obj = {key1: 'a', key2: 'b', key3: 'c', key4: 'd'}
for(let i in obj){
 console.log(obj[i])
}
//a、b、c、d

3. for…of

function mult (i){
  return new Promise(resolve=>{
    setTimeout(()=>{
      resolve(i*i)
    }, 1000)
  })
}
const arr = [1,2,3]
!(async function() {
  for(let i of arr){
    const res = await mult (i)
    console.log(res)
  }
})()
// 1、4、9

4.forEach

const arr = ['a','b','c','d']
arr.forEach(function(i){
 console.log(i)
})
//a、b、c、d

最后

以上就是靓丽蛋挞为你收集整理的for、for..in、for...of、forEach用法及区别的全部内容，希望文章能够帮你解决for、for..in、for...of、forEach用法及区别所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。