假设我有一个对象:
elmo = {
color: 'red',
annoying: true,
height: 'unknown',
meta: { one: '1', two: '2'}
};
我想用它的属性子集创建一个新对象。
// pseudo code
subset = elmo.slice('color', 'height')
//=> { color: 'red', height: 'unknown' }
我怎样才能做到呢?
当前回答
我建议看看Lodash;它有很多实用函数。
例如，pick()就是你要找的东西:
var subset = _.pick(elmo, ['color', 'height']);
小提琴
其他回答
我也有同样的问题，并通过使用以下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' }
如何:
function sliceObj(obj) {
var o = {}
, keys = [].slice.call(arguments, 1);
for (var i=0; i<keys.length; i++) {
if (keys[i] in obj) o[keys[i]] = obj[keys[i]];
}
return o;
}
var subset = sliceObj(elmo, 'color', 'height');
扩展内置原型有其优势。如果你使用Object.defineProperty，你不会产生任何污染-唯一剩下的问题是与未来属性的冲突(例如，你定义Object.prototype。在将来，ES标准将Object.prototype.slice定义为具有不同的功能-现在您的代码正在破坏Object.prototype.slice中应该存在的预期功能)。
...... ....... ...... .....Elmo的身高不是未知的(!!)
Object.defineProperty(Object.prototype， 'slice'， { 可列举的:假的, 可写:没错, 值:function(…args) { 让o = {}; for (let k of args) this. hasownproperty (k) && (o[k] = this[k]); 返回啊; ｝ })； Elmo = { 颜色:红色, 讨厌:没错, 高度:“24”, Meta: {1: '1'， 2: '2'} }; console.log(艾尔摩。片(“颜色”、“高度”)); console.log('看，没有污染:); 对于(let k in elmo) console.log(' - ${k} ');
使用“with”语句的简写对象文字语法
还没有人演示过这种方法，可能是因为它很糟糕，你不应该这么做，但我觉得必须把它列出来。
Var o = {a:1,b:2,c:3,d:4,e:4,f:5} (o) { Var输出= {a,b,f} ｝ console.log(输出)
利:你不需要输入两次属性名。
缺点:由于许多原因，不建议使用“with”语句。
结论:它很有效，但不要使用它。
如果你已经在使用lodash库的选择方法。
var obj = { 'a': 1, 'b': '2', 'c': 3 };
_.pick(object, ['a', 'c']);
// => { 'a': 1, 'c': 3 }
https://lodash.com/docs/4.17.10#pick
