Loop through each item in an array

Question

Loop through each item in an array

Currently, I am leveraging vue.js and lodash to iterate through a list of events in order to extract the promoted events. My goal is to then store each event in a new object or array that holds a refined list of promoted events. However, instead of consolidating all objects into a single array, I am ending up with separate arrays for each object.

       getPromotedEvents() {
            // Retrieve a list of promoted events
             _.forEach(this.events, (eventList) => {
                if(eventList.promote_event){
                    let arr = [];
                    arr.push(eventList)
                    console.log(arr);
                }
            });
        },


This results in [{}], [{}], [{}] being returned, as opposed to [{},{},{}].

javascript

Answer 1

Answer №1

One reason for the issue could be that the array is being reset inside the loop. To resolve this, you can try the following approach:

fetchPromotedItems() {
  let items = [];
  //retrieve a list of promoted items
  _.forEach(this.items, (item) => {
    if (item.promote_item) {
      items.push(item)
      console.log(items);
    }
  });
},

Answer 2

One reason for the issue could be that the array is being reset inside the loop. To resolve this, you can try the following approach:

fetchPromotedItems() {
  let items = [];
  //retrieve a list of promoted items
  _.forEach(this.items, (item) => {
    if (item.promote_item) {
      items.push(item)
      console.log(items);
    }
  });
},

Loop through each item in an array

Answer №1

Similar questions

How can I apply Ben Alman's debounce jQuery function in my code?

Encountered a snag with submitting data via AJAX: received an error message stating

Exploring the capability of the Videoshow NPM module in conjunction with

Do commas at the end of JSON objects pose a risk of breaking

Highlighting table rows when hovering in IE with JQuery - compatibility across all versions

A JavaScript function written without the use of curly braces

I'm a beginner in React Native and I'm attempting to display a "Hello World" text when the button is pressed. Unfortunately, the code below is not

"Navigate back to a previous page in Vue Router without having to

Get a single object from an array with .single method provided by @ngrx

Imagine a scenario where your json_encode function returns API data that is already in JSON format. What would

Is it possible to include an if/else statement within a tailwind class in React components?

merge two structures to create a unified entity

Incorporating an element into a nested array

Tips for successfully executing queries with Axios within a Vue application

Tips for populating an array with information gathered from an axios request within a React application

Execute angular.js as a callback function, such as within a $.ajax call

Json node tabbing

Commitments and incorporating items from an array into objects nested within a separate array

Functionalities of HTML controls

Display the results of the constantly changing JSON response