对象转数组添加key,value
时间: 2023-12-01 22:02:58 浏览: 38
可以使用 JavaScript 中的 Object.keys() 和 Array.prototype.map() 方法来实现。例如,假设有一个对象 obj:
```javascript
const obj = {
name: 'Alice',
age: 25,
gender: 'female'
}
```
我们可以将其转换为包含 key 和 value 的数组,代码如下:
```javascript
const arr = Object.keys(obj).map(key => ({
key: key,
value: obj[key]
}))
```
这样就可以得到一个数组 arr:
```javascript
[
{ key: 'name', value: 'Alice' },
{ key: 'age', value: 25 },
{ key: 'gender', value: 'female' }
]
```
你可以根据需要调整 key 和 value 的命名。
相关问题
vue 对象转数组对象
可以使用 JavaScript 中的 Object.keys() 方法和 Array.prototype.map() 方法将 Vue 对象转换为数组对象。示例代码如下:
```javascript
const vueObj = {
name: 'John',
age: 30,
gender: 'male'
}
const arrObj = Object.keys(vueObj).map(key => {
return { key, value: vueObj[key] }
})
console.log(arrObj)
// Output: [{ key: 'name', value: 'John' }, { key: 'age', value: 30 }, { key: 'gender', value: 'male' }]
```
js对象转数组对象
可以使用 Object.keys() 和 Array.prototype.map() 方法将一个 JavaScript 对象转换为数组对象。示例代码如下:
```javascript
const obj = {
name: 'Tom',
age: 20,
gender: 'male'
};
const arr = Object.keys(obj).map(key => ({ key, value: obj[key] }));
console.log(arr);
// Output: [{ key: 'name', value: 'Tom' }, { key: 'age', value: 20 }, { key: 'gender', value: 'male' }]
```
在上面的示例中,我们首先使用 Object.keys() 方法获取对象的所有属性名,然后使用 Array.prototype.map() 方法对每个属性名进行遍历,并将其转化为一个包含 `key` 和 `value` 属性的新对象。最终得到一个以对象形式存储的数组对象。