数组对象遍历替换属性名

112 阅读1分钟

假设有以下数组对象:

```javascript
const users = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
  { name: 'Charlie', age: 35 }
];
```

我们想要将 `name` 属性替换为 `firstName`,将 `age` 属性替换为 `yearsOld`。可以使用 `Array.prototype.map()` 方法对数组对象进行遍历,然后使用对象解构赋值来替换属性名,最后返回新的数组对象。

示例代码如下:

```javascript
const updatedUsers = users.map(({ name, age }) => ({
  firstName: name,
  yearsOld: age
}));

console.log(updatedUsers);
// Output: 
// [
//   { firstName: 'Alice', yearsOld: 25 },
//   { firstName: 'Bob', yearsOld: 30 },
//   { firstName: 'Charlie', yearsOld: 35 }
// ]
```

在上面的代码中,我们使用对象解构赋值来获取每个对象的 `name``age` 属性,并将它们分别赋值给 `firstName``yearsOld` 属性。然后,我们返回一个新的对象,包含这两个新的属性名和对应的属性值。最后,`Array.prototype.map()` 方法返回一个新的数组对象,其中包含了所有新的对象。