__ob__ : Observer {value: Array(36), shallow: false, mock: false, dep: Dep, vmCount: 0}
# 我的从后端传给前端的data是这样的格式
const data = [{id:"001",name:"张三",age:18},{id:"002",name:"李四",age:20},{id:"003",name:"王五",age:22},__ob__: Observer {value: Array(36), shallow: false, mock: false, dep: Dep, vmCount: 0}]
我想将其中的 id和name属性取出来,并以key-value结构放入集合中。
由于这种后端传过来的数据对象是Vue.js的响应式对象,并且包含一个名为__ob__
的属性。这个属性是Vue.js内部使用的,用于实现数据的响应式追踪和观察。因此不能直接使用。
要提取schemes
对象中每条数据的id
和name
属性,并以key-value结构保存到一个新的数组中,需要先使用Object.values()
方法来获取schemes
对象中的所有值,并使用map()
函数来遍历每个值,提取所需的属性。
const schemesArray = Object.values(schemes);
const result = schemesArray.map(item => { return { key: item.id, value: item.name };
});