( for... in ) 和 ( for... of ) 语句之间的区别

Java

for...in和for...of是JavaScript中的两个不同的循环语句，它们在遍历对象或数组时有不同的用途和特点。

for...in语句用于遍历对象的可枚举属性，它会将对象的每一个属性作为循环的迭代变量，可以用来遍历对象的属性和方法。它的语法结构如下：

for (variable in object) {
  // 在此处编写循环体代码
}

其中，variable是一个变量，用于指定每次迭代中对象的属性名称。object是要遍历的对象。

下面是一个使用for...in循环遍历对象的例子：

Javascript
const person = {
  name: 'John',
  age: 30,
  gender: 'male'
};
for (let key in person) {
  console.log(key + ': ' + person[key]);
}

输出结果为：

name: John
age: 30
gender: male

在这个例子中，我们使用for...in循环遍历了一个名为person的对象，并打印了每个属性的名称和对应的值。

for...of语句用于遍历可迭代对象（如数组、字符串、Set、Map等），它会将对象的每一个元素作为循环的迭代变量，可以用来遍历数组中的元素。它的语法结构如下：

for (variable of iterable) {
  // 在此处编写循环体代码
}

其中，variable是一个变量，用于指定每次迭代中对象的元素值。iterable是要遍历的可迭代对象。

下面是一个使用for...of循环遍历数组的例子：

Javascript
const numbers = [1, 2, 3, 4, 5];
for (let number of numbers) {
  console.log(number);
}

输出结果为：

1
2
3
4
5

在这个例子中，我们使用for...of循环遍历了一个名为numbers的数组，并打印了每个元素的值。

for...in和for...of的区别

for...in循环适用于遍历对象的属性，而for...of循环适用于遍历可迭代对象的元素。当我们需要遍历对象的属性时，我们可以使用for...in循环；当我们需要遍历数组或其他可迭代对象的元素时，我们可以使用for...of循环。

for...in和for...of的用途

for...in循环常用于遍历对象的属性，并可以用来执行一些特定的操作，例如查找对象的属性、枚举对象的属性等。

for...of循环常用于遍历数组或其他可迭代对象的元素，并可以用来执行一些特定的操作，例如对数组进行求和、查找数组中的最大值等。

for...in和for...of的特点

for...in循环会遍历对象的所有可枚举属性，包括继承自原型链的属性。如果只想遍历对象自身的属性，可以使用hasOwnProperty方法进行过滤。

for...of循环只能遍历可迭代对象的元素，无法遍历对象的属性。它会按照迭代对象的顺序依次遍历每个元素。

for...in和for...of的使用场景

for...in循环适用于遍历对象的属性，并可以在遍历过程中执行一些操作。例如，我们可以使用for...in循环来查找对象中的某个属性，并执行相应的逻辑。

for...of循环适用于遍历数组或其他可迭代对象的元素，并可以在遍历过程中执行一些操作。例如，我们可以使用for...of循环来对数组中的元素进行求和、查找最大值等操作。

示例代码：

Javascript
// 使用for...in循环遍历对象的属性
const person = {
  name: 'John',
  age: 30,
  gender: 'male'
};
for (let key in person) {
  console.log(key + ': ' + person[key]);
}
// 使用for...of循环遍历数组的元素
const numbers = [1, 2, 3, 4, 5];
for (let number of numbers) {
  console.log(number);
}

：

for...in和for...of是JavaScript中用于遍历对象和数组的两个不同的循环语句。它们分别适用于遍历对象的属性和遍历可迭代对象的元素。在实际开发中，我们需要根据具体的需求选择使用哪种循环语句来完成相应的操作。