vue.js键值对转数组
时间: 2023-07-08 07:50:30 浏览: 112
在 Vue.js 中,可以使用 `v-for` 指令来遍历数组或对象,但是如果你需要对一个对象进行遍历,而不是数组,需要将其转换为数组。以下是将 Vue.js 中的对象转换为数组的一些方法:
1. 使用 `Object.entries()` 方法将对象转换为数组:
```javascript
const obj = { name: 'John', age: 30, gender: 'male' };
const arr = Object.entries(obj);
console.log(arr);
// output: [['name', 'John'], ['age', 30], ['gender', 'male']]
```
2. 使用 `Object.keys()` 和 `Array.prototype.map()` 方法将对象转换为数组:
```javascript
const obj = { name: 'John', age: 30, gender: 'male' };
const arr = Object.keys(obj).map(key => [key, obj[key]]);
console.log(arr);
// output: [['name', 'John'], ['age', 30], ['gender', 'male']]
```
以上两种方法都可以将对象转换为一个由键值对组成的二维数组。转换后,就可以在 Vue.js 中使用 `v-for` 指令遍历这个数组了。
阅读全文