2025-04-08 12:38:08

💻前端小技巧:✨ js中遍历数组对象的几种方式 🌟

导读 在JavaScript开发中,遍历数组对象是家常便饭!掌握多种遍历方法可以让你的代码更优雅高效。常见的几种方式包括`for`循环、`forEach()`、`m...

在JavaScript开发中,遍历数组对象是家常便饭!掌握多种遍历方法可以让你的代码更优雅高效。常见的几种方式包括`for`循环、`forEach()`、`map()`和`for...of`。👇

首先,用经典的`for`循环是最直接的方式,适合需要对索引操作的场景:

```javascript

let arr = [{name: 'Alice', age: 25}, {name: 'Bob', age: 30}];

for (let i = 0; i < arr.length; i++) {

console.log(arr[i].name);

}

```

其次,`forEach()`简洁易读,适合简单的迭代任务:

```javascript

arr.forEach(item => console.log(item.age));

```

如果需要返回新数组,推荐使用`map()`:

```javascript

let ages = arr.map(person => person.age);

console.log(ages); // 输出 [25, 30]

```

最后,`for...of`语句更加直观,适合直接获取值:

```javascript

for (let person of arr) {

console.log(person.name);

}

```

掌握这些方法,可以让代码逻辑更清晰,提升开发效率!💡