Transfer elements between arrays by maintaining the original reference

Question

Transfer elements between arrays by maintaining the original reference

Looking for help with updating the indices of array1 in this scenario. Any suggestions on how to make the indices of array2 reference the indices of array1?

http://jsfiddle.net/y8rs56r3/

    var array1 = [
        {num:"one"},
        {num:"two"},    
        {num:"three"}
    ];
    var array2 = [];
    var i = array1.length;
    while(i--){
        if(i!=1)array2.push(array1[i]);
    }

    array2[0].num = "one updated";
    console.log(array2);
    console.log(array1);

The issue here is that array1[0] remains unchanged.

javascript arrays reference pass-by-reference

Answer 1

Answer №1

To transform your array of objects, follow this example:

var originalArray = [
  {number:"one"},
  {number:"two"},    
  {number:"three"}
];

var updatedArray = [];
for(item in originalArray){
  updatedArray.push(originalArray[item]);
}

updatedArray[0].number = "one modified";
console.log(updatedArray); // Output: [Object { number="one modified"}, Object { number="two"}, Object { number="three"}]
console.log(originalArray); // Output: [Object { number="one modified"}, Object { number="two"}, Object { number="three"}]

Answer 2

To transform your array of objects, follow this example:

var originalArray = [
  {number:"one"},
  {number:"two"},    
  {number:"three"}
];

var updatedArray = [];
for(item in originalArray){
  updatedArray.push(originalArray[item]);
}

updatedArray[0].number = "one modified";
console.log(updatedArray); // Output: [Object { number="one modified"}, Object { number="two"}, Object { number="three"}]
console.log(originalArray); // Output: [Object { number="one modified"}, Object { number="two"}, Object { number="three"}]

Transfer elements between arrays by maintaining the original reference

Answer №1

Similar questions

Which option's value was recently removed from the fetch command?

JavaScript can be used to track the number of elements added to an input box by detecting when a key is pressed, but not yet released

Merging various variables together where applicable in JavaScript

Is there a way to dynamically load a JSON configuration during runtime within a React application?

Incorrectly combining strings with strcat function

Is it possible to adjust the range of a range slider based on the selection of a radio button or other input method?

In an MVC 4 application, when using JQuery to replace HTML and then calling the .show() function, the

Next.js fails to refresh the content upon initial view

Can the page's user interface stay the same even after refreshing the page?

Utilize jQuery to locate and add items that match specific data attributes to corresponding ID elements

Should we designate the array index as the unique identifier for React components?

Issue in Vue: When using v-model on fields within a nested array, instead of mutating the existing value, a

Print the value of an array element following a while loop in PHP

Choosing items in select2 ahead of time using JSON

Designing Interactive Circular Dates on Website

A guide on incorporating multiple nested loops within a single table using Vue.js

Utilizing Smarty to Retrieve JavaScript Variables from Database Entries

Adding a list without a specific order into a paragraph with the help of jQuery

Trigger keydown and click events to dynamically update images in Internet Explorer 7

No location matched any routes