Vuejs 对象常用操作:取对应的值,取key和value值,转数组,合并等
// 引入Vue
import Vue from 'vue';
// 示例对象
const obj = {
name: 'Vue.js',
type: 'JavaScript Framework'
};
// 取对象中对应的值
const value = obj.name; // Vue.js
// 取对象的key和value
const keys = Object.keys(obj); // ['name', 'type']
const values = Object.values(obj); // ['Vue.js', 'JavaScript Framework']
// 转换对象为数组
const entries = Object.entries(obj); // [['name', 'Vue.js'], ['type', 'JavaScript Framework']]
// 合并对象
const newObj = Object.assign({}, obj, { description: 'A JavaScript framework' });
// 输出结果
console.log(value, keys, values, entries, newObj);
在这段代码中,我们首先导入了Vue库,然后创建了一个简单的对象。接着,我们使用Object.keys()
和Object.values()
来获取对象的键和值的集合。使用Object.entries()
将对象转换为键值对的数组。最后,我们使用Object.assign()
来合并两个或多个对象。这些操作是Vue开发中常见的JavaScript对象操作技巧。
评论已关闭