for...in 与 for...of

for...in的基本用法

for...of的基本用法

目录

1.for...in的基本用法

2.for...of的基本用法

---

1.for...in 

       for...in的用法: 可遍历对象和数组（不建议用于遍历数组）

                    语法：for(variable of iterable){ }

        实例：

        若用于遍历对象则打印的值为其key

const obj = {a:"name",b:'age'}
for (const key in obj) {
   console.log(key)
}
// a b

        若用于遍历数组则打印的值为其索引

const arr = ["ok","good","hi"]
for(value in arr){
    console.log(value)
}
// 0 1 2

2.for...of

        for..of的用法：可用于遍历数组、字符串、arguments 对象等等

                    语法：for(variable of iterable){ }

        实例：

                用于遍历数组

const arr = ["ok","good","hi"]
for(value of arr){
    console.log(value)
}
// ok good hi

                用于遍历字符串

const str = "dfd"
for (const value of str) {
    console.log(value)
}
// d f d

二者都不能直接与break使用，但可以通过添加添加条件与break使用（但forEach没有直接的语法来终止循环，因此无法使用 break 语句中断 forEach 循环）

const obj = {
  a: 1,
  b: 2,
  c: 3
};

for (let key in obj) {
  if (key === 'b') {
    break; // 在 key 等于 'b' 时终止循环
  }
  console.log(obj[key]);

const arr = [1, 2, 3, 4, 5];

for (let num of arr) {
  if (num === 3) {
    break; // 在 num 等于 3 时终止循环
  }
  console.log(num);
}