Kubadilisha Kipengele kwa id katika JavaScript

Acha katika kibadilishaji arr kuwe na safu ya vitu:

javascriptlet arr = [
  {
    id: 'GYi9GauC4gBF1e2SixDvu',
    prop1: 'value11',
    prop2: 'value12',
    prop3: 'value13',
  },
  {
    id: 'IWSpfBPSV3SXgRF87uO74',
    prop1: 'value21',
    prop2: 'value22',
    prop3: 'value23',
  },
  {
    id: 'JAmjRlfQT8rLTm5tG2m1L',
    prop1: 'value31',
    prop2: 'value32',
    prop3: 'value33',
  },
];

Acha tuseme tunataka kubadilisha kipengele fulani cha safu. Acha data mpya ihifadhiwe kwenye kibadilishaji, kwa mfano, kama ifuatavyo:

javascriptlet data = {
  id: 'IWSpfBPSV3SXgRF87uO74',
  prop1: 'value21 !',
  prop2: 'value22 !',
  prop3: 'value23 !',
};

Katika kitu kilichowekwa id inafanana na id ya kipengele cha pili cha safu, lakini thamani za sifa ni tofauti. Kwa maneno mengine katika data katika sifa id tunahifadhi id ya kipengele cha safu ambacho tunataka kubadilisha.

Wacha tufanye mabadiliko haya. Kwa hili tutapitia viambatanisho vya safu kwa kutumia kitanzi na, ikiwa id inafanana na inayotafutwa, tutafanya kubadilisha kipengele, na ikiwa haifanani, tutaacha kipengele bila mabadiliko:

javascriptlet res = arr.map(elem => {
  if (elem.id === data.id) {
    return data;
  } else {
    return elem;
  }
});

Inaweza kufupishwa kwa kutumia kiendeshaji ternary:

javascriptlet res = arr.map(elem => elem.id === data.id ? data : elem);