js 里的for 循环

在JavaScript中，for循环、for...in循环和for...of循环是常用的循环方式，它们有一些区别。

1. for循环：for循环是根据数组的长度去确定循环次数的，可以用来遍历数组和字符串。但是无法用来遍历对象，因为对象没有length属性。下面是一个使用for循环遍历数组和字符串的例子：

var arr = [1, 2, 3, 4, 5, 6];
var str = "你好，JavaScript";

for (let index = 0; index < arr.length; index++) {
  console.log(arr[index]);
}

for (let index = 0; index < str.length; index++) {
  console.log(str[index]);
}

2. for...in循环：for...in循环可以用来遍历数组、对象和字符串，特别适合遍历对象，用于遍历属性的键名。在遍历对象时，可以使用`Object.hasOwnProperty`方法来判断一个属性是定义在对象本身而不是继承自原型链。下面是一个使用for...in循环遍历数组、对象和字符串的例子：

var arr = [1, 2, 3, 4, 5, 6];
var obj = {name: "小陈", age: 20};
var str = "你好，JavaScript";

// for...in循环数组
for (const i in arr) {
  console.log(arr[i]);
}

// for...in循环对象
for (const key in obj) {
  if (Object.hasOwnProperty.call(obj, key)) {
    const element = obj[key];
    console.log(element);
  }
}

// for...in循环字符串
for (const i in str) {
  console.log(str[i]);
}

3. for...of循环：for...of循环用于遍历可迭代对象（数组、字符串等），可以直接取得元素的值。它不能用于遍历对象。下面是一个使用for...of循环遍历数组和字符串的例子：

var arr = [1, 2, 3, 4, 5, 6];
var str = "你好，JavaScript";

// for...of循环数组
for (const element of arr) {
  console.log(element);
}

// for...of循环字符串
for (const char of str) {
  console.log(char);
}