vue中Object.fromEntries()函数以及Object.keys()的使用方法
时间: 2023-12-13 21:26:54 浏览: 139
vue项目中用的着的工具函数
1. Object.fromEntries():
Object.fromEntries() 是ES2019引入的新方法,它可以将一个键值对数组转换为一个对象。它接收一个键值对数组作为参数,返回一个新的对象。例如:
```javascript
const entries = [
['name', 'xiaoming'],
['age', 20],
['gender', 'male']
];
const obj = Object.fromEntries(entries);
console.log(obj);
// {name: "xiaoming", age: 20, gender: "male"}
```
2. Object.keys():
Object.keys() 方法返回一个包含对象所有属性名的数组。例如:
```javascript
const obj = {
name: 'xiaoming',
age: 20,
gender: 'male'
};
const keys = Object.keys(obj);
console.log(keys);
// ['name', 'age', 'gender']
```
这个方法常用于遍历对象的属性名,例如:
```javascript
const obj = {
name: 'xiaoming',
age: 20,
gender: 'male'
};
const keys = Object.keys(obj);
for(let i = 0; i < keys.length; i++) {
console.log(obj[keys[i]]);
}
// 'xiaoming', 20, 'male'
```
可以使用 Object.entries() 方法将对象转换为键值对数组,然后通过遍历数组来访问对象的属性值。例如:
```javascript
const obj = {
name: 'xiaoming',
age: 20,
gender: 'male'
};
const entries = Object.entries(obj);
for(let i = 0; i < entries.length; i++) {
console.log(entries[i][1]);
}
// 'xiaoming', 20, 'male'
```
阅读全文