Hướng dẫn how to add key value pair in array javascript - cách thêm cặp giá trị khóa trong javascript mảng

31

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.

Tôi có một mảng như:

items=[{'id':1},{'id':2},{'id':3},{'id':4}];

Làm thế nào tôi nên thêm một cặp mới

items.push({'id':5});

Marc Audet

45K10 Huy hiệu vàng61 Huy hiệu bạc82 Huy hiệu Đồng10 gold badges61 silver badges82 bronze badges

Đã hỏi ngày 23 tháng 9 năm 2013 lúc 8:28Sep 23, 2013 at 8:28

4

Sử dụng .push:

items.push({'id':5});

Đã trả lời ngày 23 tháng 9 năm 2013 lúc 8:29Sep 23, 2013 at 8:29

CodingInTrigueCodingIntrigueCodingIntrigue

72.9K29 Huy hiệu vàng169 Huy hiệu bạc176 Huy hiệu đồng29 gold badges169 silver badges176 bronze badges

3

.push () sẽ thêm các phần tử vào cuối một mảng.

Sử dụng .UnShift () nếu cần thêm một số phần tử vào đầu mảng I.E:

items.unshift({'id':5});

Demo:

items = [{'id': 1}, {'id': 2}, {'id': 3}, {'id': 4}];
items.unshift({'id': 0});
console.log(items);

Và sử dụng .splice () trong trường hợp bạn muốn thêm đối tượng tại một chỉ mục cụ thể, tức là:

items.splice(2, 0, {'id':5});
           // ^ Given object will be placed at index 2...

Demo:

items = [{'id': 1}, {'id': 2}, {'id': 3}, {'id': 4}];
items.splice(2, 0, {'id': 2.5});
console.log(items);

Đã trả lời ngày 18 tháng 1 năm 2018 lúc 12:04Jan 18, 2018 at 12:04

Mohammad Usmanmohammad UsmanMohammad Usman

35K20 Huy hiệu vàng92 Huy hiệu bạc89 Huy hiệu Đồng20 gold badges92 silver badges89 bronze badges

3

Đôi khi .concat () tốt hơn .push () kể từ .concat () trả về mảng mới trong khi .push () trả về độ dài của mảng.

Do đó, nếu bạn đang đặt một biến bằng kết quả, hãy sử dụng .concat ().

items = [{'id': 1}, {'id': 2}, {'id': 3}, {'id': 4}];
newArray = items.push({'id':5})

Trong trường hợp này, NewArray sẽ trả lại 5 (chiều dài của mảng).

newArray = items.concat({'id': 5})

Tuy nhiên, ở đây NewArray sẽ trả về [{'id': 1}, {'id': 2}, {'id': 3}, {'id': 4}, {'id': 5}].

Đã trả lời ngày 23 tháng 6 năm 2018 lúc 23:35Jun 23, 2018 at 23:35

NatoriousNatorious

711 Huy hiệu bạc3 Huy hiệu đồng1 silver badge3 bronze badges

Giải pháp mới với ES6

Đối tượng mặc định

object = [{'id': 1}, {'id': 2}, {'id': 3}, {'id': 4}];

Một đối tượng khác

object =  {'id': 5};

Đối tượng gán es6

items.push({'id':5});

Kết quả

items.push({'id':5});

Đã trả lời ngày 7 tháng 12 năm 2019 lúc 14:35Dec 7, 2019 at 14:35

UgurugurUgur

5967 Huy hiệu bạc18 Huy hiệu Đồng7 silver badges18 bronze badges

2

Nếu bạn đang thực hiện jQuery và bạn đã có một thứ serializearray đang diễn ra liên quan đến dữ liệu biểu mẫu của bạn, chẳng hạn như:

items.push({'id':5});

... và bạn cần thêm một khóa/giá trị vào mảng này với cùng một cấu trúc, ví dụ khi đăng lên yêu cầu PHP AJAX thì sau:

items.push({'id':5});

Result:

items.push({'id':5});

Đã trả lời ngày 9 tháng 10 năm 2019 lúc 8:53Oct 9, 2019 at 8:53

Anoraqanoraqanoraq

4677 Huy hiệu bạc7 Huy hiệu Đồng7 silver badges7 bronze badges

Làm thế nào để bạn thêm khóa

Làm thế nào để bạn thêm một khóa

Mảng có thể có khóa