lodash：仅深度复制数组中的几个属性

Question

I have an array with the below properties

data = [ { 'id' : 1,
'name': 'xyz',
'age': 21,
'gender': 'M',
'address': '123 xyz'},
{ 'id' : 2,
'name': 'abc',
'age': 23,
'gender': 'F',
'address': '456 abc'}
]

I am trying to build an new array with just few of the properties and update a property (address) like this

data1= [ { 'id': 1, 'name': 'xyz', 'address1': '123 xyz'}, { 'id': 2, 'name': 'abc', 'address1': '456 abc'} ]

I tried using map and remove functions. But wanted to see if there is an easy way to do it. I tried using combinations of some of the lodash functions but not successful.

Answer 1

How about just using the map function ?

 var data = [{ 'id': 1, 'name': 'xyz', 'age': 21, 'gender': 'M', 'address': '123 xyz' }, { 'id': 2, 'name': 'abc', 'age': 23, 'gender': 'F', 'address': '456 abc' } ]; var data1 = data.map(x => ({id: x.id, name: x.name, address1: x.address})); // modify data data[0].id = 3; // only data has been modified, not data1 console.log(data); console.log(data1);

Answer 2

let data1 = data.map(d => {
return {'id' : d.id, 'name': d.name, 'address1': d.address}
})

Just a simple map is enough, no need of any lib.

Answer 3

I'd use map with destructuring, and shorthand property notation to create the new objects:

// Extracts `id`, `name`, and `address`...
//     \−−−−−−−−−−−−−−−  ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
const result = data.map(({id, name, address: address1}) => ({id, name, address1}));
// Renames `address` to `address1` −−−−−−−−^^^^^^^^^^       ^^^^^^^^^^^^^^^^^^^^
// Builds new object with result −−−−−−−−−−−−−−−−−−−−−−−−−−/

Live example:

 const data = [ { 'id': 1, 'name': 'xyz', 'age': 21, 'gender': 'M', 'address': '123 xyz'}, { 'id': 2, 'name': 'abc', 'age': 23, 'gender': 'F', 'address': '456 abc'} ]; const result = data.map(({id, name, address: address1}) => ({id, name, address1})); console.log(result);

Or you can do the renaming when creating the new object:

const result = data.map(({id, name, address}) => ({id, name, address1: address}));