A small copy object that leaves one or more properties in ES6 / ES7?

Question

Here is how I did it:

var props = { id: 1, name: 'test', children: [] } //copy props but leave children out var newProps = { ...props } delete newProps.children console.log(newProps) // { id: 1, name: 'test' } 

Is there a cleaner, simpler way?

Answer 1

You can use the destructuring assignment :

 var props = { id: 1, name: 'test', children: [] } var {children:_, ...newProps} = props; console.log(newProps) // { id: 1, name: 'test' } console.log(_) // [] - as an "empty" placeholder 

(with the same suggestion of properties for adding / distributing for ES7 that you already used)

Answer 2

 var props = { id: 1, name: 'test', children: [] } function clone(orig, blacklistedProps) { var newProps = {}; Object.keys(props).forEach(function(key) { if (!blacklistedProps || blacklistedProps.indexOf(key) == -1) { newProps[key] = props[key]; } }); return newProps; } var newProps = clone(props, ['children']); console.log(newProps) // { id: 1, name: 'test' } var newProps1 = clone(props); console.log(newProps1) // { id: 1, name: 'test', children:[] }