Javascript/AngularJs - How do I fill an array with objects from another array?

Question

Something I'm trying to do in an angularjs app that I'm making. I have a large array of the cast of a movie including directors, producers, film crew etc. and I want to make a new array of just the director(s).

I don't know how to fill a new array with specific objects form another array. Here's a quick simple example of what I mean:

this.products = [
  {name: "apple", category: "fruit"}, 
  {name: "iPhone", category: "tech"}, 
  {name: "banana", category: "fruit"}
];

this.fruits = [];

for(i = 0; i < products.length; i++) {
  if (products.category[i] == "fruit") {
    /*code to add object to fruits array*/
 }
}

Please help! Thank you!

Numerous javascript array methods you can use depending on expected results — charlietfl
– charlietfl, Commented May 14, 2016 at 17:35

Yuriy Yakym · Accepted Answer · 2016-05-14 17:42:49Z

1

Try with this code this may do helpful for you

this.products = [
    {name: "apple", category: "fruit"}, 
    {name: "iPhone", category: "tech"}, 
    {name: "banana", category: "fruit"}
];

this.fruits = [];

for(i = 0; i < products.length; i++) {
    if (products[i].category === "fruit") {
        /*code to add object to fruits array*/

        fruits.push(products[i].name);
    }
}

console.log(fruits);

edited May 14, 2016 at 17:42

Yuriy Yakym

3,96621 silver badges33 bronze badges

answered May 14, 2016 at 17:38

The Developer

874 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Yuriy Yakym · Accepted Answer · 2016-05-14 18:03:49Z

1

try this:

for(i = 0; i < products.length; i++) {
    if (products[i].category == "fruit") {
        fruits.push(products[i].name)
    }
}

edited May 14, 2016 at 18:03

Yuriy Yakym

3,96621 silver badges33 bronze badges

answered May 14, 2016 at 17:36

Jayaram

6,62612 gold badges47 silver badges85 bronze badges

Comments

Tarun Dugar · Accepted Answer · 2016-05-14 17:38:48Z

0

Use the filter API:

this.fruits = this.products.filter(function(product) {
                  return product.category == 'fruits';
              });

answered May 14, 2016 at 17:38

Tarun Dugar

8,9938 gold badges50 silver badges81 bronze badges

Comments

trincot · Accepted Answer · 2016-05-14 18:02:04Z

0

You can do this as follows:

this.fruits = this.products.filter(p => p.category == "fruit").map(p => p.name);

The .filter() method takes only the objects with the right category. Then .map() goes through this result, and replaces the objects by the name property value only, so that the final result is ["apple", "banana"].

If you want the objects as a whole, then of course you leave out the .map() part.

Demo:

new (function () {
    this.products = [
      {name: "apple", category: "fruit"}, 
      {name: "iPhone", category: "tech"}, 
      {name: "banana", category: "fruit"}
    ];

    this.fruits = this.products.filter(p => p.category == "fruit").map(p => p.name);

    document.write(this.fruits);
});

edited May 14, 2016 at 18:02

answered May 14, 2016 at 17:42

trincot

357k38 gold badges282 silver badges338 bronze badges

Collectives™ on Stack Overflow

Javascript/AngularJs - How do I fill an array with objects from another array?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related