Add Element To List Javascript

MUAZHAN

3 min read

·

Jun 22, 2024

30

Share

Cara Menambahkan Elemen ke List dalam JavaScript

JavaScript menawarkan beberapa cara untuk menambahkan elemen ke list (array) secara dinamis. Berikut adalah beberapa metode yang umum digunakan:

1. Menggunakan push()

Metode push() adalah cara yang paling sederhana dan umum digunakan untuk menambahkan elemen ke akhir array.

Contoh:

let fruits = ['Apple', 'Banana'];

// Menambahkan elemen "Orange" ke akhir array
fruits.push('Orange');

console.log(fruits); // Output: ['Apple', 'Banana', 'Orange']

2. Menggunakan unshift()

Metode unshift() menambahkan elemen ke awal array.

Contoh:

let fruits = ['Apple', 'Banana'];

// Menambahkan elemen "Strawberry" ke awal array
fruits.unshift('Strawberry');

console.log(fruits); // Output: ['Strawberry', 'Apple', 'Banana']

3. Menggunakan splice()

Metode splice() memungkinkan Anda menambahkan elemen ke array pada indeks tertentu.

Contoh:

let fruits = ['Apple', 'Banana'];

// Menambahkan elemen "Mango" pada indeks 1
fruits.splice(1, 0, 'Mango');

console.log(fruits); // Output: ['Apple', 'Mango', 'Banana']

Penjelasasn:

• 1 adalah indeks di mana elemen baru akan ditambahkan.
• 0 adalah jumlah elemen yang dihapus (dalam kasus ini, tidak ada elemen yang dihapus).
• 'Mango' adalah elemen yang ditambahkan.

4. Menggunakan concat()

Metode concat() menggabungkan dua array menjadi satu array baru.

Contoh:

let fruits1 = ['Apple', 'Banana'];
let fruits2 = ['Orange', 'Mango'];

// Menggabungkan kedua array
let fruits = fruits1.concat(fruits2);

console.log(fruits); // Output: ['Apple', 'Banana', 'Orange', 'Mango']

5. Menggunakan Spread Operator

Spread operator (...) memungkinkan Anda untuk menyebarkan elemen dari satu array ke array lain.

Contoh:

let fruits1 = ['Apple', 'Banana'];
let fruits2 = ['Orange', 'Mango'];

// Menambahkan elemen dari fruits2 ke fruits1
let fruits = [...fruits1, ...fruits2];

console.log(fruits); // Output: ['Apple', 'Banana', 'Orange', 'Mango']

Kesimpulan

Metode-metode di atas memungkinkan Anda untuk menambahkan elemen ke list (array) dalam JavaScript dengan fleksibilitas yang tinggi. Pilih metode yang sesuai dengan kebutuhan dan skenario Anda.