js map遍历 修改对象里面的值_js和jquery中的遍历对象和数组(forEach,map,e
时间: 2023-11-04 11:06:53 浏览: 116
在JavaScript中,可以使用`map()`方法来遍历数组并修改其值。`map()`方法接受一个函数作为参数,该函数将每个数组元素作为输入并返回一个新的值。可以在这个函数中修改对象属性的值。
例如:
```javascript
const arr = [
{ name: 'Alice', age: 20 },
{ name: 'Bob', age: 30 },
{ name: 'Charlie', age: 40 }
];
const newArr = arr.map((item) => {
// 修改age属性的值
item.age += 10;
return item;
});
console.log(newArr);
```
这将输出一个新的数组,其中每个对象的`age`属性值都被增加了10。
在jQuery中,可以使用`$.each()`方法来遍历对象和数组。该方法接受一个函数作为参数,该函数将每个元素作为输入并可以修改它们的值。
例如:
```javascript
const obj = {
name: 'Alice',
age: 20
};
$.each(obj, (key, value) => {
// 修改age属性的值
if (key === 'age') {
obj[key] += 10;
}
});
console.log(obj);
```
这将输出一个修改后的对象,其中`age`属性值增加了10。
类似地,可以使用`$.each()`方法来遍历数组。
```javascript
const arr = [
{ name: 'Alice', age: 20 },
{ name: 'Bob', age: 30 },
{ name: 'Charlie', age: 40 }
];
$.each(arr, (index, item) => {
// 修改age属性的值
item.age += 10;
});
console.log(arr);
```
这将输出一个修改后的数组,其中每个对象的`age`属性值都被增加了10。
阅读全文