从 JavaScript 中给定的 JSON 数组创建新的 JSON 数组

Question

For example I have an array like this

{
  "employees": [
    { "name": "Ram", "email": "ram@gmail.com", "age": 23 },
    { "name": "Shyam", "email": "shyam23@gmail.com", "age": 28 },
    { "name": "John", "email": "john@gmail.com", "age": 33 },
    { "name": "Bob", "email": "bob32@gmail.com", "age": 41 }
  ]
}

If I want an array like {"sam","shyan","john","bob"} I got it, just using map

arrayname.map((item) => item.name);

BUT if I want an array like this from above array

{
  "employees": [
    { "name": "Ram", "email": "ram@gmail.com" },
    { "name": "Shyam", "email": "shyam23@gmail.com" },
    { "name": "John", "email": "john@gmail.com" },
    { "name": "Bob", "email": "bob32@gmail.com" }
  ]
}

How can I do that? Thank you a lots

Answer 1

For the general situation where you want to remove one property from all objects in an array, you can destructure that property and collect the rest with rest syntax.

 const employees = [ {"name":"Ram", "email":"ram@gmail.com", "age":23}, {"name":"Shyam", "email":"shyam23@gmail.com", "age":28}, {"name":"John", "email":"john@gmail.com", "age":33}, {"name":"Bob", "email":"bob32@gmail.com", "age":41} ]; const result = employees.map(({ age, ...rest }) => rest); console.log(result);

If you want to keep a number of them, then destructure those and list them in the returned object.

 const employees = [ {"name":"Ram", "email":"ram@gmail.com", "age":23}, {"name":"Shyam", "email":"shyam23@gmail.com", "age":28}, {"name":"John", "email":"john@gmail.com", "age":33}, {"name":"Bob", "email":"bob32@gmail.com", "age":41} ]; const result = employees.map(({ name, email }) => ({ name, email })); console.log(result);

Answer 2

As you said:

array.employees.map(function(item, _i, _array){
  return item.name;
});

Would get you an array in the form:

[
  "sam", "shyan", "john", "bob"
]
// But not {"sam", "shyan", "john", "bob"}. These are other things.

As the type of item you want is in the form:

{ name: "Ram", email: "ram@gmail.com" }

You want your function to return an object for each item it receives. There are (maybe really) thousands of ways to do so. Let's try something simple:

function(item, _i, _array){
  // returning an object
  return {
    // the 'name' property takes the value from the item
    name: item.name,
    // same for the 'email'
    email: item.email
  };
}