JavaScript/React - Update a value in array with particular key name from a array of arrays

Question

In the below array of arrays I need to update the id value for a particular name.

objArray = [{ name: John, id: 12}, { name: Jake, id: 45}, { name: Jacob, id: 78}];

Ex: If user enters a name and id in text boxes and clicks submit I want to update the id in the array for the particular name.

I can accomplish this using for loops but can you please let me know the most efficient way to do this in Java Script/React?

The duplicate shows you how to find the object in the array. From there you just need to update its `name` property — Rory McCrossan, Feb 08 '18 at 15:50

Ele · Accepted Answer · 2018-02-08T16:09:13.007

0

Use the find function and set the entered name.

Look at this code snippet

let objArray = [{  name: "John",  id: 12}, {  name: "Jake",  id: 45}, {  name: "Jacob",  id: 78}];

let name = 'Jake'
let newId = 59;
objArray.find((o) => o.name === name).id = newId;

console.log(objArray);

.as-console-wrapper {
  max-height: 100% !important
}

edited Feb 08 '18 at 16:09

answered Feb 08 '18 at 15:50

Ele

33,468
7
37
75

I think the OP wants it the other way around. Update the id for a particular name. – Skyler Feb 08 '18 at 15:52
@Skyler oops, you're right! – Ele Feb 08 '18 at 15:54
Thank you! this solved it. Simple and elegant. – Nitheesh Feb 08 '18 at 16:07
@Nitheesh you're welcome! – Ele Feb 08 '18 at 16:08

score 0 · Answer 2 · answered Feb 08 '18 at 15:54

You can use findIndex to get the index of the object whose name matches. Then use that index to update the id

var objArray = [{
  name: 'John',
  id: 12
}, {
  name: 'Jake',
  id: 45
}, {
  name: 'Jacob',
  id: 78
}];

function update() {
  var getVal = document.getElementById('ip').value.trim();
  var getIndex = objArray.findIndex(function(item) {
    return item.name.toLowerCase() === getVal.toLowerCase();
  })
  objArray[getIndex].id= "newId"
  console.log(objArray)
}

<input type="text" id="ip">
<button onclick="update()">Update</button>

Thanks brk! This solved my problem too but I would go with Ele's answer. I want to give you a one up but I dont have enough reps! — Nitheesh, Feb 08 '18 at 16:06

JavaScript/React - Update a value in array with particular key name from a array of arrays

2 Answers2

Look at this code snippet