JS怎么修改数组中对象元素的属性值
时间: 2023-06-19 08:05:01 浏览: 83
可以使用数组中对象的索引来访问和修改对象的属性值。例如:
```javascript
let arr = [
{name: 'Alice', age: 25},
{name: 'Bob', age: 30},
{name: 'Charlie', age: 35}
];
// 修改数组中第二个对象的 name 属性值
arr[1].name = 'Bruce';
console.log(arr);
// 输出:[{name: 'Alice', age: 25}, {name: 'Bruce', age: 30}, {name: 'Charlie', age: 35}]
```
在这个例子中,我们使用索引 `1` 来访问数组中的第二个对象,然后使用点语法来访问和修改对象的 `name` 属性值。
也可以使用 `forEach` 方法遍历数组,并对每个对象进行属性值的修改。例如:
```javascript
let arr = [
{name: 'Alice', age: 25},
{name: 'Bob', age: 30},
{name: 'Charlie', age: 35}
];
arr.forEach(function(obj) {
obj.age += 5; // 将所有对象的 age 属性值加上 5
});
console.log(arr);
// 输出:[{name: 'Alice', age: 30}, {name: 'Bob', age: 35}, {name: 'Charlie', age: 40}]
```
在这个例子中,我们使用 `forEach` 方法遍历数组中的每个对象,并使用匿名函数来对每个对象的 `age` 属性值进行修改。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)