js 遍历数组修改对象名
时间: 2023-07-05 18:36:25 浏览: 120
可以使用 `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`。
相关问题
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 { ...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遍历数组对象获取值
可以使用 for 循环或者 forEach 方法进行遍历,然后根据对象的属性名获取属性值。
例如,假设有一个数组对象 arr:
```javascript
var arr = [
{ name: 'Tom', age: 18 },
{ name: 'Jerry', age: 20 },
{ name: 'Mickey', age: 22 }
];
```
使用 for 循环遍历获取对象属性值:
```javascript
for (var i = 0; i < arr.length; i++) {
console.log(arr[i].name); // 输出名字
console.log(arr[i].age); // 输出年龄
}
```
使用 forEach 方法遍历获取对象属性值:
```javascript
arr.forEach(function(obj) {
console.log(obj.name); // 输出名字
console.log(obj.age); // 输出年龄
});
```
以上两种方法都可以用来遍历数组对象并获取属性值。
阅读全文