JavaScript For In 循环
For In 循环
JavaScript 的 for in
语句用于遍历一个对象的属性
语法
for (key in object) {
// 要执行的代码块
}
示例
const person = {fname:"John", lname:"Doe", age:25};
let text = "";
for (let x in person) {
text += person[x];
}
自己动手试一试 »
示例解释
- for in 循环会遍历 person 对象
- 每次迭代会返回一个 键 (x)
- 该键用于访问键的 值
- 键的值是 person[x]
For In 遍历数组
JavaScript 的 for in
语句也可以遍历数组的属性
语法
for (variable in array) {
code
}
示例
const numbers = [45, 4, 9, 16, 25];
let txt = "";
for (let x in numbers) {
txt += numbers[x];
}
自己动手试一试 »
当索引 顺序 很重要时,不要对数组使用 for in。
索引顺序取决于实现,数组值可能不会按预期顺序访问。
当顺序很重要时,最好使用 for 循环、for of 循环或 Array.forEach()。
Array.forEach()
forEach()
方法会对数组中的每个元素调用一次函数(回调函数)。
示例
const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value, index, array) {
txt += value;
}
自己动手试一试 »
请注意,该函数接受 3 个参数
- 项目值
- 项目索引
- 数组本身
上面的示例仅使用了 value 参数。它可以重写为
示例
const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value) {
txt += value;
}
自己动手试一试 »