Vue从数组中取出数据并以key-value结构存储

__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 }; 
});