Thêm phần tử với id trong JavaScript

Giả sử trong biến arr chứa một mảng các đối tượng:

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',
	},
];

Giả sử trong một biến khác lưu trữ một đối tượng mà chúng ta muốn trở thành phần tử mới của mảng của chúng ta:

let newElem = {
	id: 'GMNCZnFT4rbBP6cirA0Ha',
	prop1: 'value41',
	prop2: 'value42',
	prop3: 'value43',
};

Hãy xem xét việc thêm phần tử theo cách bất biến (immutable). Hãy tạo một bản sao của mảng và thêm phần tử mới vào đó:

let copy = Object.assign([], arr);
copy.push(newElem);
let res = copy;

Hoặc có thể sử dụng cú pháp phân rã (destructuring):

let res = [...arr, newElem];

Cho một mảng các đối tượng. Hãy tạo một nút bấm, khi nhấn vào đó sẽ thêm một phần tử mới vào mảng. Hãy để id được tạo ra bởi một hàm.