Change nested object data with javascript

Question

I'd like to affect all items in the array. The end result will be to decodeURIcomponent on each item.

It's not working for me so I decided to change the value of each item to check the code. It doesn't change anything.

Is there a better way of doing this, as really nested $.each functions seems a bit redundant to me.

$(function() {

var hResponse = [];
hResponse.push("firstName", "lastName", "location");

var columns = [];
columns.push({
    "firstName": "Edward",
        "lastName": "Dane",
        "location": " Here"
}, {
    "firstName": "Arthur",
        "lastName": "Dee",
        "location": "There"
}, {
    "firstName": "Cherry",
        "lastName": "Red",
        "location": "OverHere"
});
$.each(columns, function (key, value) {

    $.each(value, function (key1, value2) {

        value2 = "Meeeeep";
        //value2 = decodeURIComponent(value2);
    });

});


$('#my-table').dynatable({
    dataset: {
        records: columns
    }
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link href="https://s3.amazonaws.com/dynatable-docs-assets/css/jquery.dynatable.css" rel="stylesheet"/>
<script src="https://s3.amazonaws.com/dynatable-docs-assets/js/jquery.dynatable.js"></script>

<table id="my-table">
    <thead>
        <th>FirstName</th>
        <th>LastName</th>
    </thead>
    <tbody></tbody>
</table>
<br>

Sorry for being a pedant, but that's not JSON, it's just a javascript object — Dave
– Dave, Commented Mar 26, 2015 at 19:35

Felix Kling · Accepted Answer · 2015-03-26 19:35:09Z

5

JavaScript is all pass-by-value. Assigning a value to a variable does not change the value of another variable or property (except in global and with scope). You have to assign the changed value back to the object property.

With minimal changes to your code:

$.each(columns, function (key, value) {
    $.each(value, function (key1, value2) {
        value[key] = decodeURIComponent(value2);
    });
});

answered Mar 26, 2015 at 19:35

Felix Kling

820k181 gold badges1.1k silver badges1.2k bronze badges

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

5 Comments

Felix Kling Over a year ago

columns[key] === value, and value is an object. Either way works.

Austin Mullins Over a year ago

Maybe it would be more appropriately called call by sharing?

platinums Over a year ago

thanks so much, i usually rtfm, but i couldn't find any guides on accessing the object, specifically the [key] part , where can i find more info on this?

Felix Kling Over a year ago

@Austin: yeah, but that term is not really used... I'm also not sure whether it's a good idea conflate strategies of passing data with strategies of representing data.

Felix Kling Over a year ago

@platinums: developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/…, stackoverflow.com/q/11922383/218196

Collectives™ on Stack Overflow

Change nested object data with javascript

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related