循环遍历数组 Javascript 中的对象

在 Javascript 中，数组和对象是经常使用的数据类型。当我们需要对数组或对象中的每个元素进行操作时，我们可以使用循环来遍历它们。

遍历数组

遍历数组有很多种方式，下面介绍三种比较常用的方式，分别是 for 循环、forEach() 方法和 for...of 循环。

for 循环

for 循环是最基本的循环方式，可以使用下标访问数组中的元素。

let arr = [1, 2, 3, 4, 5];
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

forEach() 方法

forEach() 方法是数组自带的方法，该方法接受一个函数作为参数，该函数将会被遍历数组中的每个元素调用。

let arr = [1, 2, 3, 4, 5];
arr.forEach(function(item) {
  console.log(item);
});

for...of 循环

for...of 循环是 ES6 引入的语法，用于遍历具有迭代器的对象，包括数组、Map、Set 等。

let arr = [1, 2, 3, 4, 5];
for (let item of arr) {
  console.log(item);
}

遍历对象

遍历对象也有几种方式，下面介绍两种比较常用的方式，分别是 for...in 循环和 Object.keys() 方法。

for...in 循环

for...in 循环用于遍历对象中的属性，可以获取对象中的所有 key 值。

let obj = {
  name: '张三',
  age: 18,
  sex: '男'
};
for (let key in obj) {
  console.log(`${key}: ${obj[key]}`);
}

Object.keys() 方法

Object.keys() 方法返回一个由对象中的 key 值组成的数组。

let obj = {
  name: '张三',
  age: 18,
  sex: '男'
};
let keys = Object.keys(obj);
for (let key of keys) {
  console.log(`${key}: ${obj[key]}`);
}

总结

本文介绍了循环遍历数组和对象的几种常用方式，希望可以对您有所帮助。在实际开发中，可以根据需求选择合适的方式来遍历数组和对象。