Loop array within another array on React Native

Question

I am trying do loop over a prop and push the parent and child to a variable. I seem to be able to get the looping and pushing working correctly, but its pushing all the children under each parent

var options = [];
    var option = [];
    Object.keys(this.props.data.options).forEach((key, index) => {
      options.push(
        <AddToCartRow key={index} option={key} options={option} cartKey={this.props.cartKey} />,
        Object.values(this.props.data.options[key]).forEach((value, index) => {
          option.push(value)
        })
      )
    })

Below is what is currently happening

The expected result should be

size - 0[price: 3.95, title: Small] - 1 [price: 4.95, title: Large]

blend - 0[price: 0, title: Regular] - 1 [price: 0, title: Decaf]

etc

Jigar Shah · Accepted Answer · 2017-07-12 13:31:51Z

2

It seems you have problem with pushing element into array. I have managed by doing as below

for (let parentData of mainObj) {
    let tempArray = []; // need to declare here
    for (let childData of parentData.someField) {
        tempArray.push({
            ...
        });
    }
    finalArray.push(tempArray);
}

You need to push your child loop data into temporary array and then to main resultant array which is options in your case .

edited Jul 12, 2017 at 13:31

answered Jul 12, 2017 at 8:57

Jigar Shah

6,2332 gold badges32 silver badges41 bronze badges

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

2 Comments

Boss Nass Over a year ago

isnt this what I am doing already I have the child loop within the primary loop

Jigar Shah Over a year ago

yes it is similar,the only difference is var option = []; declared above, I have used in before child loop. So each time it will be created as new array and append to primary loop

Collectives™ on Stack Overflow

Loop array within another array on React Native

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related