赛捷软件论坛's Archiver

vicky.yu 发表于 2023-6-5 09:13

JavaScript For In

For In 循环
JavaScript for in 语句循环遍历对象的属性:

语法
for (key in object) {
  // code block to be executed
}
实例
const person = {fname:"Bill", lname:"Gates", 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;
}
亲自试一试
JS Loop For
JS Loop For Of

JavaScript 和 HTML DOM 参考手册
JavaScript 实例
JavaScript 测验
JavaScript 高级教程

W3School 简体中文版提供的内容仅用于培训和测试,不保证内容的正确性。通过使

页: [1]

Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.