javascript return reference to array item

Question

I have a array like this:

users = [{id:1, name:'name1'},{id:2, name:'name2'}] 

How could I get a reference to the item {id:2, name:'name2'}, so I can change it is name property, like:

user = get_item(users, 'id', 2); user.name = "user2 name changed"; 

console.log(users) will have the result:

[{id:1, name:'name1'},{id:2, name:'user2 name changed'}] 

I tried to use Array.filter() function, but it returns a new array instead of a reference to the original array. which I can not use to mutate the original array.

Any idea?

Answer 1

I tried to use Array.filter() function, but it returns a new array instead of a reference to the original array. which I can not use to mutate the original array.

It returns a new array, but the array's entries are still references to the same objects. So filter is just fine for this.

var filteredUsers = users.filter(function(entry) { return entry.id === 2; }); var item = filteredUsers[0]; item.name = "user2 name updated"; console.log(users[1].name) // "user2 name updated" 

The array contains references to the objects, not copies of them. When we do item = users[1], or use filter to get a new array containing a subset of the objects, we get a copy of the object reference, and so the variable now refers to the same object, like this:

                 +−−−−−−−−−−+ users−−−−−−−−−−>| (array)  |                           +−−−−−−−−−−+           +−−−−−−−−−−−−−−−+                 |   0      |−−−−−−−−−−>|    (object)   |                 |          |           +−−−−−−−−−−−−−−−+                 |          |           | id:   1       |                 |          |           | name: "name1" |                 |          |           +−−−−−−−−−−−−−−−+                 |   1      |−−+                 |          |  |                 |          |  |        +−−−−−−−−−−−−−−−+                 |          |  +−−−+−+−>|    (object)   |                 +−−−−−−−−−−+     / /   +−−−−−−−−−−−−−−−+                                  | |   | id:   2       |                 +−−−−−−−−−−+     | |   | name: "name2" | filteredUsers−−>| (array)  |     | |   +−−−−−−−−−−−−−−−+                 +−−−−−−−−−−+     | |                    |   0      |−−−−−+ |                 +−−−−−−−−−−+       |                                       | item−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−+ 

Changing the object changes the object, and those changes are visible regardless of which reference to the object you use to look at its properties.

Now if you had an array of primitives:

var a = [1, 2, 3, 4, 5]; 

...then of course, you can't use the approach above because they aren't objects. In that case, you'd use indexOf to find the index:

var index = a.indexOf(3); // Find the first entry === 3 

...and then modify the entry

a[index] = 42; 

This also applies to strings (provided they're nice normal string primitives, not things you created via new String(), which there's virtually never a reason to do).