Home > Mobile >  Can '=' be used to set one object property given a different unique key:value?
Can '=' be used to set one object property given a different unique key:value?

Time:10-25

If I know an object exists in an array with a unique key:value pair do I have use .find() to get the object or is there a way that doesn't require iteration?

Given:

const testObj = [
{id: '001', first: 'fThing1', other: [{id: '001.1'}, {id: '001.2'}], arr: ['a1', 'b1', 'c1'] },
{id: '002', first: 'fThing2', other: [{id: '002.1'}, {id: '002.2'}], arr: ['a2', 'b2', 'c2'] },
{id: '003', first: 'fThing3', other: [{id: '003.1'}, {id: '003.2'}], arr: ['a3', 'b3', 'c3'] }
]

Is there a notation to do:

testObj.id['001'](some notation)first = 'something'

Or do I have to do:

temp = testObj.find(to => to.id === '001')
temp.first = 'something'

CodePudding user response:

To directly answer your question...

Is there a notation to do

The answer is "no".

If your elements have unique IDs, considering collecting them into a Map keyed by id if you need that sort of access...

const testObj = [{"id":"001","first":"fThing1","other":[{"id":"001.1"},{"id":"001.2"}],"arr":["a1","b1","c1"]},{"id":"002","first":"fThing2","other":[{"id":"002.1"},{"id":"002.2"}],"arr":["a2","b2","c2"]},{"id":"003","first":"fThing3","other":[{"id":"003.1"},{"id":"003.2"}],"arr":["a3","b3","c3"]}]

const idMap = new Map(testObj.map(o => [o.id, o]))

// word of warning, this will error if the ID doesn't exist
idMap.get("001").first = "something"

console.log(testObj[0])
.as-console-wrapper { max-height: 100% !important; }
<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" frameborder="0"></iframe>

Because the object references in testObj and the Map are the same, any changes to one will be reflected in the other.

CodePudding user response:

As @Phil mentioned, the notation you asked about is not possible.

Another option is to use function .map() to return a new array with updated objects:

const testObj = [
  {id: '001', first: 'fThing1', other: [{id: '001.1'}, {id: '001.2'}], arr: ['a1', 'b1', 'c1'] },
  {id: '002', first: 'fThing2', other: [{id: '002.1'}, {id: '002.2'}], arr: ['a2', 'b2', 'c2'] },
  {id: '003', first: 'fThing3', other: [{id: '003.1'}, {id: '003.2'}], arr: ['a3', 'b3', 'c3'] }
];

const result = testObj.map(item =>
  item.id === '001' ? {
    ...item,
    first: 'something'
  } : item
);

console.log(result);
<iframe name="sif2" sandbox="allow-forms allow-modals allow-scripts" frameborder="0"></iframe>

  • Related