Issue when copying one array into another

Question

I am trying to put the contents of an array into another. I have this json ($scopeProducts)...

{
"ID": "...",
"Groups": [
    {
        "Products": []
    }
{
        "Other": []
    }
]
}

And I am trying to add the following json into the 'Products' array ($scope.selectedProducts)...

[
{
    "ProductCode": "Code1",
},
{
    "ProductCode": "Code1",
},
]

and I end up getting this...

{
"ID": "...",
"Groups": [
    {
        "Products": 
    [
        [
            {
                "ProductCode": "Code1",
            },
            {
                "ProductCode": "Code1",
            },
        ]
    ]
    }
{
        "Other": []
    }
]
}

... which is wrong (check the double [[ in the products array). I am using the javascript push function...

$scopeProducts.Groups[0].Products.push($scope.selectedProducts);

Could anyone tell me how to do this correctly without creating the double array [[]] ? Many thanks

T.J. Crowder · Accepted Answer · 2015-03-04 14:38:00Z

2

Your code is pushing an array into another array as an entry, not appending the entries to it.

If you want to append it (barring Angular having some utility function):

$scopeProducts.Groups[0].Products.push.apply($scopeProducts.Groups[0].Products, $scope.selectedProducts);

That's a bit tricky: It uses Function#apply to call push with multiple arguments, one for each entry in $scope.selectedProducts. This is because JavaScript arrays don't have a native append method; the closest they come is concat, which creates a new array. But the above works for append functionality.

answered Mar 4, 2015 at 14:38

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Issue when copying one array into another

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related