JavaScript හි id අනුව එක් ගුණයක් වෙනස් කිරීම
සම්පූර්ණ වස්තුව නොව නිශ්චිත ගුණයක් වෙනස් කිරීම ඔබට අවශ්ය විය හැකිය. එය කරන ආකාරය බලමු.
arr විචල්යයේ වස්තූන් අරාවක් ඇතැයි සිතමු:
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',
},
];
විචල්යවල මූලද්රව්යයේ id, වෙනස් කිරීමට යන ගුණයේ නම සහ
ගුණයේ නව අගය ගබඩා කර ඇතැයි සිතමු:
javascriptlet id = 'IWSpfBPSV3SXgRF87uO74';
let prop = 'prop1';
let value = '!!!';
ගැටලුව විසඳීම සඳහා ව්යසනය සහ ගණනය කළ ගුණ නාම භාවිතා කිරීම පහසුය:
javascriptlet res = arr.map(elem => {
if (elem.id === id) {
return {...elem, [prop]: value};
} else {
return elem;
}
});
Задание 1
පහත විචල්ය ලබා දී ඇත:
javascriptlet id = 'JAmjRlfQT8rLTm5tG2m1L';
let prop = 'prop2';
බොත්තමක් සාදන්න. එය ක්ලික් කළ විට, දක්වා ඇති id සහිත
අරාවේ මූලද්රව්යය ගන්න, එහි දක්වා ඇති නම සහිත ගුණය ගෙන
එම ගුණයේ අගයට '!' ලකුණ එකතු කරන්න.
Задание 2
ගුණ නාම සහිත විචල්ය දෙකක් ලබා දී ඇතැයි සිතමු:
javascriptlet id = 'JAmjRlfQT8rLTm5tG2m1L';
let prop1 = 'prop2';
let prop2 = 'prop3';
ක්ලික් කිරීමේදී දක්වා ඇති ගුණ දෙකටම වෙනස්කම් සිදු කරන ලෙස පෙර කාර්යය වෙනස් කරන්න.
Задание 3
න්යායේ දක්වා ඇති විසඳුම Object.assign භාවිතා කර වස්තුව පිටපත් කිරීම
හරහා නැවත සකස් කරන්න.