JavaScript හි id අනුව එක් ගුණයක් වෙනස් කිරීම

සම්පූර්ණ වස්තුව නොව නිශ්චිත ගුණයක් වෙනස් කිරීම ඔබට අවශ්‍ය විය හැකිය. එය කරන ආකාරය බලමු.

arr විචල්‍යයේ වස්තූන් අරාවක් ඇතැයි සිතමු:

let 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, වෙනස් කිරීමට යන ගුණයේ නම සහ ගුණයේ නව අගය ගබඩා කර ඇතැයි සිතමු:

let id = 'IWSpfBPSV3SXgRF87uO74';
let prop = 'prop1';
let value = '!!!';

ගැටලුව විසඳීම සඳහා ව්‍යසනය සහ ගණනය කළ ගුණ නාම භාවිතා කිරීම පහසුය:

let res = arr.map(elem => {
	if (elem.id === id) {
		return {...elem, [prop]: value};
	} else {
		return elem;
	}
});

පහත විචල්‍ය ලබා දී ඇත:

let id = 'JAmjRlfQT8rLTm5tG2m1L';
let prop = 'prop2';

බොත්තමක් සාදන්න. එය ක්ලික් කළ විට, දක්වා ඇති id සහිත අරාවේ මූලද්‍රව්‍යය ගන්න, එහි දක්වා ඇති නම සහිත ගුණය ගෙන එම ගුණයේ අගයට '!' ලකුණ එකතු කරන්න.

ගුණ නාම සහිත විචල්‍ය දෙකක් ලබා දී ඇතැයි සිතමු:

let id = 'JAmjRlfQT8rLTm5tG2m1L';
let prop1 = 'prop2';
let prop2 = 'prop3';

ක්ලික් කිරීමේදී දක්වා ඇති ගුණ දෙකටම වෙනස්කම් සිදු කරන ලෙස පෙර කාර්යය වෙනස් කරන්න.

න්‍යායේ දක්වා ඇති විසඳුම Object.assign භාවිතා කර වස්තුව පිටපත් කිරීම හරහා නැවත සකස් කරන්න.