JS数组及对象遍历方法代码汇总

在 JavaScript 开发中，我们经常需要对数组和对象进行遍历操作。为了方便我们的开发，JavaScript 提供了许多遍历方法。本篇文章将为大家介绍常用的 JS 数组及对象遍历方法，并给出相应的示例说明。

数组遍历方法

1. for 循环遍历数组

for 循环是比较传统且常用的数组遍历方法。它可以遍历数组的所有元素，并且通过数组的 length 属性获取数组长度，代码如下：

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

2. forEach() 方法遍历数组

forEach() 方法是 ES5 新增的数组遍历方法，它接受一个函数作为参数，该函数会对数组中的每个元素进行操作，代码如下：

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

3. map() 方法遍历数组

map() 方法是 ES5 新增的数组遍历方法，它会返回一个新数组，该数组的元素是原始数组执行回调函数后的结果，代码如下：

var arr = [1, 2, 3, 4, 5];
var newArr = arr.map(function(item, index, array) {
   return item * 2;
});
console.log(newArr); // [2, 4, 6, 8, 10]

对象遍历方法

1. for-in 循环遍历对象

for-in 循环是比较传统且常用的对象遍历方法。它可以遍历对象的所有属性，并且通过检查对象的 hasOwnProperty() 方法，可以过滤掉原型链上的属性，代码如下：

var obj = {
   name: "John",
   age: 25,
   gender: "male"
};
for (var prop in obj) {
   if (obj.hasOwnProperty(prop)) {
      console.log(obj[prop]);
   }
}

2. Object.keys() 方法遍历对象

Object.keys() 方法会返回一个包含对象所有属性的数组，该数组的元素是字符串类型。代码如下：

var obj = {
   name: "John",
   age: 25,
   gender: "male"
};
var keys = Object.keys(obj);
for (var i = 0; i < keys.length; i++) {
   console.log(obj[keys[i]]);
}

示例说明

示例1：使用 forEach() 方法遍历数组

var arr = [1, 2, 3, 4, 5];
arr.forEach(function(item, index, array) {
   console.log("Item " + (index+1) + " is " + item);
});

输出结果为：

Item 1 is 1
Item 2 is 2
Item 3 is 3
Item 4 is 4
Item 5 is 5

示例2：使用 Object.keys() 方法遍历对象

var obj = {
   name: "John",
   age: 25,
   gender: "male"
};

var keys = Object.keys(obj);
for (var i = 0; i < keys.length; i++) {
   console.log("The " + keys[i] + " is " + obj[keys[i]]);
}

输出结果为：

The name is John
The age is 25
The gender is male

以上就是 JS 数组及对象遍历方法代码汇总的完整攻略。希望能对大家的开发工作有所帮助！