for···in···とfor···of···の違い

お久しぶりです、また考えを整理しに来ました

今日は for···in··· と for···of··· の違いについて話しましょう


for···in···を見てみましょう

// 数组
let Fin = [1, 2, 3]
for(let i in Fin) {
    
    
    console.log(i)
}

//对象
let Fof = {
    
    
    name: 'rider',
    do: 'henshin'
}
for(let i in Fof){
    
    
    console.log(i)
}

出力結果は次のとおりです。
ここに画像の説明を挿入
ここでの出力はキー(キー)です



では、for・・・in・・・値(値)を見るための使い方

// 数组
let Fin = [1, 2, 3]
for(let i in Fin) {
    
    
    console.log(Fin[i])
}

//对象
let Fof = {
    
    
    name: 'rider',
    do: 'henshin'
}
for(let i in Fof){
    
    
    console.log(Fof[i])
}

出力は次のとおりです。
ここに画像の説明を挿入


もう一度探してください...の...

// 数组
let Fin = [1, 2, 3]
for(let i of Fin) {
    
    
    console.log(i)
}
 

出力結果は次のとおりです。
ここに画像の説明を挿入
for...of を使用して、配列の値 (値) をトラバースすることがわかります。



for···in···とfor···of···の違い

  • for···in··· 配列とオブジェクトをトラバースするために使用されるキー (key)
  • for···of···配列の値(値)をトラバースするために使用
  • for···in··はES5で標準
  • for···of···はES6の標準です

上記は私自身の経験です。間違いや変更がある場合は、提案してください

おすすめ

転載: blog.csdn.net/Robergean/article/details/119607200