js 对象数组改为基本数组
时间: 2023-09-04 21:01:22 浏览: 55
将 JavaScript 对象数组转换为基本数组可以通过遍历对象数组,将每个对象的属性值提取出来,组成一个新的基本数组。
假设有如下的 JavaScript 对象数组:
```javascript
var objArray = [
{ name: '张三', age: 18 },
{ name: '李四', age: 20 },
{ name: '王五', age: 22 }
];
```
我们可以通过遍历对象数组,提取每个对象的属性值,将其组成一个新的基本数组:
```javascript
var basicArray = [];
for (var i = 0; i < objArray.length; i++) {
basicArray.push(objArray[i].name);
basicArray.push(objArray[i].age);
}
console.log(basicArray);
```
以上代码中,我们创建了一个空的基本数组 `basicArray`。然后,通过循环遍历对象数组 `objArray`,使用点语法访问每个对象的属性值,并将其分别添加到基本数组中。
最后,打印基本数组 `basicArray`,输出结果如下:
```
['张三', 18, '李四', 20, '王五', 22]
```
这样,我们就成功将 JavaScript 对象数组转换为基本数组。基本数组中的每个元素代表了对象数组中每个对象的属性值。
相关问题
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 遍历数组修改对象名
可以使用 `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`。