Question

I am having issues with a couple arrays below and the match method. On my page I call the Checkout() function and it sets a temporary array equal to the array I’ve been building with different options. It then loops through the temporary array and removes html from one of the elements. The issue is that when I alert the array Remote.Cart.products before the loop it is exactly as it was built, but when I call the function again the exact same alert shows the new updated values even though I am not modifying the Remote.Cart.products array anywhere in the function.

function Checkout() {

tmp = null;
tmp = Remote.Cart.products;

alert( Remote.Cart.products );

    for ( i = 0, li = tmp.length; i < li; i++ ) {

        for ( j = 0, lj = tmp[ i ][1].length; j < lj; j++ ) { 

            tmp[ i ][1][j][1] = tmp[ i ][1][j][1].match(/<a\s+[^>]*href="([^\"]*)"[^>]*>(.*)<\/a>/i)[2];

        }

    }

}

Your help / insight is much appreciated!

Answer 1

Clint, you have to understand that tmp and Remote.Cart.products are different names for the same array. If you want to clone the array, do:

var tmp = [];
for(var i = 0; i < Remote.Cart.products.length; i++)
{
  tmp[i] = []
  for(var j = 0; j < Remote.Cart.products[i].length; j++)
  {
    tmp[i][j] = [];
    for(var k = 0; k < Remote.Cart.products[i][j].length; k++)
    {
      tmp[i][j][k] = Remote.Cart.products[i][j][k].slice();
    }
  }
}

EDIT: Nesting corrected thanks to Squeegy