Iterating through each loop and storing the values in an array

Question

Iterating through each loop and storing the values in an array

After researching various topics related to the issue, I found that the solutions provided are not working for me. It seems like there is a logic problem in my code. It's quite simple - I have two arrays (one containing three strings and the other containing three dates).

My goal is to create an object that pairs the first string from the first array with the first date from the second array.

The issue I'm facing is that the function theMainFunc() is creating three objects with the last index of each array, instead of matching them as intended.

Below is the code snippet:

var dlcNameList = ['they shall not pass', 'in the name of the tsar', 'apocalypse'];
var dlcReleaseDate = [new Date(2017,2,28), new Date(2017,6,15), new Date(2017,11,25)];

function objectCreator (dlcObject,dlcName,dlcDate) {
dlcObject.name = dlcName;
dlcObject.date = dlcDate;
return dlcObject;
}

function theMainFunc() {

var dlcDetails = {};
var i = 0;
var storage = [];
var x;

for (i; i <= 2; i++){
x = objectCreator(dlcDetails,dlcNameList[i],dlcReleaseDate[i]);
storage[i] = x;
}

return storage; //This returns an array with three "Same" objects. Not what I want to really acheive
}

console.log(theMainFunc())

javascript arrays for-loop

Answer 1

Answer №1

Here's the solution for you!

Important: Instead of creating a new object with each iteration, you can utilize Array#forEach to easily push an object with pre-defined properties and keys into the result array.

var dlcNameList = ['they shall not pass', 'in the name of the tsar', 'apocalypse'],
    dlcReleaseDate = [new Date(2017,2,28), new Date(2017,6,15), new Date(2017,11,25)],
    result = [];
    
    dlcNameList.forEach((v,i) => result.push({name : v, date : dlcReleaseDate[i]}));
    console.log(result);

Answer 2

Here's the solution for you!

Important: Instead of creating a new object with each iteration, you can utilize Array#forEach to easily push an object with pre-defined properties and keys into the result array.

var dlcNameList = ['they shall not pass', 'in the name of the tsar', 'apocalypse'],
    dlcReleaseDate = [new Date(2017,2,28), new Date(2017,6,15), new Date(2017,11,25)],
    result = [];
    
    dlcNameList.forEach((v,i) => result.push({name : v, date : dlcReleaseDate[i]}));
    console.log(result);

Answer 3

Answer №2

Due to the declaration of dlcDetails above the loop, there is a mistake occurring where you are unintentionally reusing it and updating its values instead of pushing a new object to the array.

It's important to note that when you pass an object/array to a function or set it as the value of another object's property, you are not creating a copy of that object, but rather sharing it. This means any modifications made to the object will be reflected in the original. This concept is sometimes erroneously referred to as "pass by reference."

function theMainFunc() {
    var storage = [];

    for (var i = 0; i <= 2; i++){
        var dlcDetails = {};

        var x = objectCreator(dlcDetails,dlcNameList[i],dlcReleaseDate[i]);
        storage[i] = x;
     }

     return storage;
}

Answer 4

Due to the declaration of dlcDetails above the loop, there is a mistake occurring where you are unintentionally reusing it and updating its values instead of pushing a new object to the array.

It's important to note that when you pass an object/array to a function or set it as the value of another object's property, you are not creating a copy of that object, but rather sharing it. This means any modifications made to the object will be reflected in the original. This concept is sometimes erroneously referred to as "pass by reference."

function theMainFunc() {
    var storage = [];

    for (var i = 0; i <= 2; i++){
        var dlcDetails = {};

        var x = objectCreator(dlcDetails,dlcNameList[i],dlcReleaseDate[i]);
        storage[i] = x;
     }

     return storage;
}

Answer 5

Answer №3

Your code has an issue where you are passing the same object to the objectCreator() function three times. This results in the storage having three references to the same object, with properties being overridden each time the function is called. To fix this, you should create a new object inside the objectCreator() function instead of passing it as a parameter.

Answer 6

Your code has an issue where you are passing the same object to the objectCreator() function three times. This results in the storage having three references to the same object, with properties being overridden each time the function is called. To fix this, you should create a new object inside the objectCreator() function instead of passing it as a parameter.

Iterating through each loop and storing the values in an array

Answer №1

Answer №2

Answer №3

Similar questions

Encountered an error during the production build of NEXTJS, where it panicked due to the global thread pool not being initialized

Is there a way to utilize jQuery for parsing the XML file?

retrieve the parent frame's request URL

Having issues with adding elements to an array object in JavaScript

Sorting columns using custom conditions in DataTables

Discontinuing the fieldset tab interface feature from a Dexterity content type

Double submission issue with Angular form (multiple ajax requests)

Adding new elements to an array does not activate the reactivity of Vue

Generate with different HTML elements

Steps for initiating a $.ajax POST request from a client to a server

Having trouble retrieving information from the local API in React-Native

Give drawn elements a touch of fuzziness and experiment with the color of the fragment shader

Analyzing various field data collectively

Execute jQuery after Angular has completed its loading process

JavaScript code to remove everything in a string after the last occurrence of a certain

The function is invoked numerous times

What is the reason behind Angular generating files with 'es5' and 'es2015' extensions instead of 'es6' (or no extension)?

What is the best way to obtain the SearchIDs for various searchNames using JavaScript?

Encountering issues with React Apollo hooks after integrating React Native into the monorepo system

What could be causing this code to malfunction when using D3.min version instead?