js 遍历数组修改对象值
时间: 2023-07-05 16:36:25 浏览: 68
可以使用 `Array.prototype.map()` 方法遍历数组并修改对象的值,示例如下:
```javascript
const arr = [
{ name: 'Alice', age: 20 },
{ name: 'Bob', age: 25 },
{ name: 'Charlie', age: 30 }
];
const newArr = arr.map(obj => {
if (obj.name === 'Bob') {
return { ...obj, age: 26 }; // 修改 Bob 的年龄为 26
} else {
return obj;
}
});
console.log(newArr); // [{ name: 'Alice', age: 20 }, { name: 'Bob', age: 26 }, { name: 'Charlie', age: 30 }]
```
在上述例子中,我们使用 `Array.prototype.map()` 方法遍历数组 `arr`,对于每个对象,如果名字是 Bob,就使用对象解构语法和属性 spread 语法创建一个新的对象,并将年龄修改为 26,否则返回原对象。最终得到新的数组 `newArr`,其中 Bob 的年龄已经被修改为 26。
相关问题
js遍历数组对象获取值
可以使用 JavaScript 中的 `forEach()` 方法来遍历数组对象并获取其值。示例如下:
```javascript
const arr = [
{ name: "John", age: 30 },
{ name: "Jane", age: 25 },
{ name: "Bob", age: 40 }
];
arr.forEach(item => {
console.log(item.name); // 输出每个对象的 name 属性值
console.log(item.age); // 输出每个对象的 age 属性值
});
```
这段代码会依次输出数组中每个对象的 `name` 和 `age` 属性值。你也可以根据需要修改函数体中的代码以实现你自己的逻辑。
js 遍历数组修改对象名
可以使用 `Array.prototype.map()` 方法遍历数组并修改对象的属性名,示例如下:
```javascript
const arr = [
{ name: 'Alice', age: 20 },
{ name: 'Bob', age: 25 },
{ name: 'Charlie', age: 30 }
];
const newArr = arr.map(obj => {
if (obj.name === 'Bob') {
return { newName: obj.name, age: obj.age }; // 将 Bob 的属性名修改为 newName
} else {
return obj;
}
});
console.log(newArr); // [{ name: 'Alice', age: 20 }, { newName: 'Bob', age: 25 }, { name: 'Charlie', age: 30 }]
```
在上述例子中,我们使用 `Array.prototype.map()` 方法遍历数组 `arr`,对于每个对象,如果名字是 Bob,就创建一个新的对象,并将 `name` 属性改为 `newName`,同时保留原来的 `age` 属性。否则返回原对象。最终得到新的数组 `newArr`,其中 Bob 的属性名已经被修改为 `newName`。