es6 解构后如何重新赋值?

Question

const source = {name:1,gender:'male',height:178,weight:60,address:'北京','work':'IT'},
const { name, gender, height, weight } = source;
const data = {name, gender, height, weight};

如上我想从 source 数据中获取一个新的 data,包括name, gender, height, weight字段.
有没有快捷的方法 直接在第二行source 解构取出来的值 赋值给 data

const data = { name, gender, height, weight } = source;//类似的猜想....

Answer 1

let _data = JSON.parse(JSON.stringify(source, ['name', 'gender', 'height', 'weight']))

Answer 2

目前 ES 还没有 那样快捷 的解构写法去选择一些属性构成新对象。相干提案 pick notation 还未进入 TC39 提案表里。利用解构的 rest 语法倒可以过滤一些属性构成新对象，比如在你的例子中可以像这样

const { address, work, ...data } = source;

Answer 3

解构赋值没有，但 lodash.pick 函数, 可以达到你的目的

const data = _.pick(source, ['name', 'gender', 'height', 'weight'])