对于循环中的每个项目，您将如何迭代并返回不同数组中的项目？

Question

I have a an array of objects like so:

arrOfObjs =
[{type: "flower", egg: "something"},
{type: "flower", egg: "something2"},
{type: "notFlower", egg: "something3"},
{type: "flower", egg: "something4"}]

Each object in the array has a 'type'. Whenever a user clicks on an item on the page, then another object is added to the array with type either "flower" or "notFlower"

I have another array like so:

allProperties = 
["flower_style_1",
"flower_style_2",
"flower_style_3",
"flower_style_4",
"flower_style_5",
"flower_style_6",
"flower_style_7",
"flower_style_8"]

As you can tell it's essentially flower_style_ then a number up to 8.

For each item in arrOfObjs with type = flower, and any new item added, then there should be a return statement where the subject returned is something from the allProperties array.

For example, in arrOfObjs above:

1. For {type: "flower", egg: "something"} => return "flower_style_1".
2. For {type: "flower", egg: "something2"} => return "flower_style_2".
3. Don't return anything for {type: "notFlower", egg: "something3"}
   because it's not of "type": flower.
4. For {type: "flower", egg: "something4"} => return "flower_style_3".
5. etc.

Once all items in allProperties have been returned, then start from the beginning flower_style_1 and return that for each new item in arrOfObjs.

So far, I have the following written which is a foreach loop going through arrOfObjs.

    this.arrOfObjs?.forEach(arrItem => {
        if (arrItem.type === 'flower') {
            this.allProperties.forEach(element => {
                return element;
            }
        }
    });

However it doesn't work and I think there would be a more efficient way of achieving this. Especially without having an array of flower_style_.......

Would anyone have an idea of how to achieve the above?

Answer 1

 arrOfObjs = [{type: "flower", egg: "something"}, {type: "flower", egg: "something2"}, {type: "notFlower", egg: "something3"}, {type: "flower", egg: "something4"}] allProperties = ["flower_style_1", "flower_style_2", "flower_style_3", "flower_style_4", "flower_style_5", "flower_style_6", "flower_style_7", "flower_style_8"]; let getArray=[]; arrOfObjs?.forEach((arrItem,i) => { if (arrItem.type === 'flower') { getArray.push(allProperties[getArray.length]); } }); console.log(getArray);