JS中常用的数组和对象遍历技巧有哪些？

最编程 2024-01-14 22:26:56

...

JavaScript 中遍历数组和对象是非常常见的操作，下面是常用的几种方法和示例：

1. 遍历数组：

- for 循环：

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

- forEach() 方法：

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

- map() 方法：

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

- filter() 方法：

var arr = [1, 2, 3, 4, 5];
var evenArr = arr.filter(function(item) {
  return item % 2 === 0;
});
console.log(evenArr);

2. 遍历对象：

- for...in 循环：

var obj = {a: 1, b: 2, c: 3};
for (var key in obj) {
  console.log(key + ': ' + obj[key]);
}

- Object.keys() 方法：

var obj = {a: 1, b: 2, c: 3};
var keys = Object.keys(obj);
keys.forEach(function(key) {
  console.log(key + ': ' + obj[key]);
});

- Object.getOwnPropertyNames() 方法：

var obj = {a: 1, b: 2, c: 3};
var keys = Object.getOwnPropertyNames(obj);
keys.forEach(function(key) {
  console.log(key + ': ' + obj[key]);
});

以上是常用的几种遍历数组和对象的方法，其中 for 循环是最基础、最常见的方式，而 forEach()、map()、filter() 等方法则是 ES5 中新增的数组方法，可以更加方便地操作数组。而在遍历对象时，for...in 循环是最常用的方式，可以遍历对象的所有属性，而 Object.keys() 和 Object.getOwnPropertyNames() 方法则可以获取对象的所有键名，并进行遍历操作。

上一篇： JS对象：按键名排序、加密和去除空格的方法

下一篇：掌握前端开发必备的7种JS对象遍历技巧

JS中常用的数组和对象遍历技巧有哪些？

玩转JS：探索数组和对象的各种遍历技巧

JS中常用的数组和对象遍历技巧有哪些？

搞定！12种在JavaScript中遍历数组和对象的常用方法