如何从主要对象创建新的对象数组

Question

I have array of objects and from that I am filtering on the basis of age and want the new array of object to not to have age

Like this

I have this array of oject

    let arrayObj =[
  { name : "Joe", age:20, email: "joe@hotmail.com"},
  { name : "Mike", age:50, email: "mike@hotmail.com"},
  { name : "Joe", age:45, email: "mike@hotmail.com"}
]

now using filter I am filtering the array with age like below

    let newArray = arrayObj.filter((el)=>{
  if(el.age>20){
    return el.name,el.email
  }
})
console.log(newArray)

the console is always showing every thing like this

[{
  age: 50,
  email: "mike@hotmail.com",
  name: "Mike"
},{
  age: 45,
  email: "mike@hotmail.com",
  name: "Joe"
}]

But I want

[{
      email: "mike@hotmail.com",
      name: "Mike"
    },{

      email: "mike@hotmail.com",
      name: "Joe"
    }]

I don't know what to do next to achieve this

Answer 1

You want to remove the age property after filtering. You can use Array.prototype.map .

 let arrayObj =[ { name : "Joe", age:20, email: "joe@hotmail.com"}, { name : "Mike", age:50, email: "mike@hotmail.com"}, { name : "Joe", age:45, email: "mike@hotmail.com"} ] let newArray = arrayObj.filter(e => e.age > 20).map(e => { return { name: e.name, email: e.email } }); console.log(newArray);

Answer 2

You need to use map instea of filter

 let arrayObj = [ { name: "Joe", age: 20, email: "joe@hotmail.com" }, { name: "Mike", age: 50, email: "mike@hotmail.com" }, { name: "Joe", age: 45, email: "mike@hotmail.com" } ]; const newArray = arrayObj.filter(el => el.age > 20).map(el => { return {"name": el.name, "email": el.email}; }); console.log(newArray);

Answer 3

You can do something like this with only filter

 let arrayObj =[ { name : "Joe", age:20, email: "joe@hotmail.com"}, { name : "Mike", age:50, email: "mike@hotmail.com"}, { name : "Joe", age:45, email: "mike@hotmail.com"} ]; let newArray = []; arrayObj.filter(e => { if(e.age > 20){ newArray.push({ name: e.name, email: e.email }); } }); console.log(newArray);

Answer 4

You can use Array.map() ( doc ) to do this, like so:

let newArray2 = newArray.map(el => {
    return {
        name: el.name,
        email: el.email,
    };
})

console.log(newArray2);

Answer 5

You can try below

 let arrayObj =[ { name : "Joe", age:20, email: "joe@hotmail.com"}, { name : "Mike", age:50, email: "mike@hotmail.com"}, { name : "Joe", age:45, email: "mike@hotmail.com"} ] var result = arrayObj .filter(x => x.age > 20) //Filter by age .map(y => {return {name: y.name, email: y.email};}) //Map only required properties console.log(result)

Answer 6

One way to do with filter , map methods and object destructuring to make code more readable. Alternate way to do is using just one method reduce .

 let arrayObj = [ { name: "Joe", age: 20, email: "joe@hotmail.com" }, { name: "Mike", age: 50, email: "mike@hotmail.com" }, { name: "Joe", age: 45, email: "mike@hotmail.com" } ]; const res = arrayObj .filter(({ age }) => age > 20) .map(({ name, email }) => ({ name, email })); console.log(res); // Alternate way to do just with one method reduce const res2 = arrayObj.reduce( (acc, { name, email, age }) => age > 20 ? [...acc, { name, email }] : [...acc], [] ); console.log(res2);