我也有同样的问题，并通过使用以下lib轻松解决了它:

object.pick

https://www.npmjs.com/package/object.pick

pick({a: 'a', b: 'b', c: 'c'}, ['a', 'b'])
//=> {a: 'a', b: 'b'}

object.omit

https://www.npmjs.com/package/object.omit

omit({a: 'a', b: 'b', c: 'c'}, ['a', 'c'])
//=> { b: 'b' }

在这个问题中，解构为动态命名的变量在JavaScript中是不可能的。

要动态设置键，可以使用reduce函数而不改变对象，如下所示:

const get子集= (obj，…keys) =>个key。Reduce ((a, c) =>({…A， [c]: obj[c]})， {}); Const elmo = { 颜色:红色, 讨厌:没错, 高度:“未知”, Meta: {1: '1'， 2: '2'} ｝ const子集= get子集(elmo， 'color'， '烦人') console.log(子集)

应该注意的是，你是在每次迭代中创建一个新对象，而不是更新一个克隆。——mpen

下面是一个使用reduce和单个克隆的版本(更新传入的初始值以reduce)。

const get子集= (obj，…keys) =>个key。Reduce ((acc, curr) => { Acc [curr] = obj[curr] 返回acc }, {}) Const elmo = { 颜色:红色, 讨厌:没错, 高度:“未知”, Meta: {1: '1'， 2: '2'} ｝ const子集= get子集(elmo， '烦人'，'height'， 'meta') console.log(子集)

还有一个解决方案:

var subset = {
   color: elmo.color,
   height: elmo.height 
}

到目前为止，这看起来比任何答案都更具可读性，但也许这只是我的想法!

Try

const elmo={color:"red",annoying:!0,height:"unknown",meta:{one:"1",two:"2"}};

const {color, height} = elmo; newObject = ({color, height});

console.log(newObject); //{ color: 'red', height: 'unknown' }

使用“with”语句的简写对象文字语法

还没有人演示过这种方法，可能是因为它很糟糕，你不应该这么做，但我觉得必须把它列出来。

Var o = {a:1,b:2,c:3,d:4,e:4,f:5} (o) { Var输出= {a,b,f} ｝ console.log(输出)

利:你不需要输入两次属性名。

缺点:由于许多原因，不建议使用“with”语句。

结论:它很有效，但不要使用它。

你可以使用逗号操作符

const elmo = { 
  color: 'red',
  annoying: true,
  height: 'unknown',
  meta: { one: '1', two: '2'}
};

const subset = ({color , height} = elmo , {color , height});
// {color: 'red', height: 'unknown'}