福建省建设厅网站官网,建设医院的网站,免费推广的方式有哪些,电子工程网站for...in 和 for...of 都是 JavaScript 中的循环语句#xff0c;但它们的作用和使用方式略有不同。
1、for..in 循环
for..in 循环用于遍历对象的可枚举属性#xff0c;它会将对象的每个属性名称(或键名)作为迭代变量来遍历。
以下是 for...in 的基本语法
for (variable … for...in 和 for...of 都是 JavaScript 中的循环语句但它们的作用和使用方式略有不同。
1、for..in 循环
for..in 循环用于遍历对象的可枚举属性它会将对象的每个属性名称(或键名)作为迭代变量来遍历。
以下是 for...in 的基本语法
for (variable in object) {
}
其中variable 表示每次迭代中当前属性的名称(或键名)object 表示要遍历的对象。
const obj { a: 1, b: 2, c: 3 };
for (const key in obj) {console.log(key, obj[key]);
}// a 1
// b 2
// c 3
需要注意的是for...in 循环遍历的是对象的可枚举属性包括自有属性和继承属性。
因此它并不适用于遍历数组和类数组对象。 2、for...of 循环
for...of 循环用于遍历可迭代对象的元素它会将对象的每个元素作为迭代变量来遍历。
以下是 for..of 的基本语法:
for (variable of iterable) {
}
其中variable 表示每次迭代中当前元素的值iterable 表示要遍历的可迭代对象如数组、字符串、Set、Map 等。
const arr [1, 2, 3];
for (const item of arr) { console.log(item);
}
// 1
// 2
// 3
需要注意的是for...of 循环只能遍历实现了选代器接口 (lterator) 的对象因此它不适用于普通的对象。
此外它遍历的是对象的元素值而不是键名或属性名 3、总结
for...in 适用于遍历对象的属性名而 for...of 适用于遍历数组、字符串等可迭代对象的元素值。
