Cara Menambahkan Key-Value Baru ke Array di JavaScript
JavaScript menyediakan beberapa cara untuk menambahkan key-value baru ke array. Berikut adalah beberapa metode yang umum digunakan:
1. Menggunakan Object.assign()
Metode ini menggabungkan properties dari satu atau lebih objek ke dalam objek yang baru. Anda dapat menggunakannya untuk menambahkan key-value baru ke array dengan mengubahnya menjadi object terlebih dahulu.
const myArray = ["apple", "banana", "cherry"];
// Convert array to object
const myObject = Object.assign({}, myArray);
// Add new key-value
myObject.newKey = "mango";
// Convert back to array
const updatedArray = Object.values(myObject);
console.log(updatedArray); // Output: ["apple", "banana", "cherry", "mango"]
2. Menggunakan Spread Syntax
Spread syntax (...) memungkinkan Anda untuk memasukkan semua elemen dari suatu iterable (seperti array) ke dalam objek baru. Anda dapat menggunakannya untuk menambahkan key-value baru ke array dengan menambahkannya sebagai bagian dari spread syntax.
const myArray = ["apple", "banana", "cherry"];
// Add new key-value using spread syntax
const updatedArray = [...myArray, "newKey": "mango"];
console.log(updatedArray); // Output: ["apple", "banana", "cherry", "mango"]
Catatan: Spread syntax tidak mendukung penambahan key-value secara langsung.
3. Menggunakan Array.push()
Metode ini digunakan untuk menambahkan elemen ke akhir array. Anda dapat menggunakannya untuk menambahkan key-value baru sebagai elemen terakhir dalam array.
const myArray = ["apple", "banana", "cherry"];
// Add new key-value as element
myArray.push({ "newKey": "mango" });
console.log(myArray); // Output: ["apple", "banana", "cherry", { "newKey": "mango" }]
4. Menggunakan Array.splice()
Metode ini memungkinkan Anda untuk menambahkan atau menghapus elemen dari array di indeks tertentu. Anda dapat menggunakannya untuk menambahkan key-value baru pada posisi tertentu dalam array.
const myArray = ["apple", "banana", "cherry"];
// Add new key-value at index 1
myArray.splice(1, 0, { "newKey": "mango" });
console.log(myArray); // Output: ["apple", { "newKey": "mango" }, "banana", "cherry"]
Catatan: Metode ini akan menggeser elemen yang ada di array.
5. Menambahkan Key-Value Secara Langsung
Anda juga dapat menambahkan key-value baru secara langsung ke array, meskipun ini bukanlah praktik yang dianjurkan karena dapat menyebabkan perilaku yang tidak terduga.
const myArray = ["apple", "banana", "cherry"];
// Add new key-value directly
myArray["newKey"] = "mango";
console.log(myArray); // Output: ["apple", "banana", "cherry", "newKey": "mango"]
Pertimbangan Penting
- Array adalah objek yang berurutan: Key-value baru yang ditambahkan ke array biasanya disimpan sebagai elemen terakhir, kecuali jika Anda menggunakan
splice()
untuk menambahkannya pada indeks tertentu. - Key-value baru akan ditambahkan sebagai elemen baru: Array asli tidak diubah, melainkan sebuah array baru yang berisi key-value baru yang akan dibuat.
Semoga artikel ini bermanfaat!