How to get access to object which is in forEach Javascript

Question

I want to access object named productData and its properties to push in array called lookedArray. How to get access to productData?

saveProductToRecent = () => {
this.props.data.forEach(element => {
  const productData = {
    productImg: JSON.parse(element.node.product.mediaUrl).images[0],
    productPrice: element.node.product.minimalPrice,
    productName: element.node.product.name,
    productOID: element.node.product.oid
  }
});

let lookedArray = []
lookedArray.push()
localStorage.setItem('items', lookedArray)
}

Shubham Khatri · Accepted Answer · 2019-03-26 06:49:55Z

2

You just need to push productData to lookedArray inside the forEach loop

saveProductToRecent = () => {
    let lookedArray = [];

    this.props.data.forEach(element => {
      const productData = {
        productImg: JSON.parse(element.node.product.mediaUrl).images[0],
        productPrice: element.node.product.minimalPrice,
        productName: element.node.product.name,
        productOID: element.node.product.oid
      }
      lookedArray.push(productData);
    });

    localStorage.setItem('items', lookedArray)
}

answered Mar 26, 2019 at 6:49

Shubham Khatri

284k58 gold badges431 silver badges411 bronze badges

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

Comments

Tarun Dugar · Accepted Answer · 2019-03-26 06:48:27Z

0

Move the push statement inside the forEach and declare lookedArray before the forEach:

let lookedArray = []
saveProductToRecent = () => {
this.props.data.forEach(element => {
  const productData = {
    productImg: JSON.parse(element.node.product.mediaUrl).images[0],
    productPrice: element.node.product.minimalPrice,
    productName: element.node.product.name,
    productOID: element.node.product.oid
  }
  lookedArray.push(productData);
});

localStorage.setItem('items', lookedArray)
}

answered Mar 26, 2019 at 6:48

Tarun Dugar

8,9938 gold badges50 silver badges81 bronze badges

Comments

I Putu Yoga Permana · Accepted Answer · 2019-03-26 06:54:19Z

0

Or you can use immutable approach by utilize .map to simplify the works.

saveProductToRecent = () => {
  const lookedArray = this.props.data.map(element => ({
    productImg: JSON.parse(element.node.product.mediaUrl).images[0],
    productPrice: element.node.product.minimalPrice,
    productName: element.node.product.name,
    productOID: element.node.product.oid
  });

  localStorage.setItem('items', lookedArray)
}

answered Mar 26, 2019 at 6:54

I Putu Yoga Permana

4,2301 gold badge32 silver badges35 bronze badges

Comments

codejockie · Accepted Answer · 2019-03-26 06:55:01Z

0

You can use reduce for this instead of forEach.

saveProductToRecent = () => {
  const lookedArray = this.props.data.reduce((acc, element) => {
    const productData = {
      productImg: JSON.parse(element.node.product.mediaUrl).images[0],
      productPrice: element.node.product.minimalPrice,
      productName: element.node.product.name,
      productOID: element.node.product.oid
    };

    // Add productData to acc array
    return acc.concat(productData);
  }, []);

  localStorage.setItem('items', lookedArray);
}

answered Mar 26, 2019 at 6:55

codejockie

11.1k5 gold badges52 silver badges58 bronze badges

Collectives™ on Stack Overflow

How to get access to object which is in forEach Javascript

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

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

Related