Menu
CoddyTech

Shift & Unshift

Pelajaran 7 dari 18 dalam kursus Metode array di JavaScript di Coddy.

Method shift() menghapus elemen pertama dari array dan mengembalikan elemen yang dihapus. Method ini mengubah array asli dengan mengurangi panjangnya.

  • Bayangkan array sebagai barisan elemen. shift() mengambil elemen di bagian depan (indeks 0) dan menghapusnya, lalu menggeser semua elemen yang tersisa satu posisi ke kiri.
  • Method ini berguna saat kamu perlu memproses atau menyimpan elemen pertama secara terpisah, lalu bekerja dengan elemen yang tersisa. Contohnya:
const fruits = ["apple", "banana", "orange", "mango"];
const firstFruit = fruits.shift();

console.log(fruits); // output: ["banana", "orange", "mango"]
console.log(firstFruit); // output: "apple"

Setelah menggunakan method shift() pada array fruits dalam contoh di atas, elemen pertama, "apple", dihapus dari array.


Method unshift() menambahkan satu elemen atau lebih ke awal array dan mengembalikan panjang baru array. Method ini mengubah array asli dengan menambah panjangnya.

  • Bayangkan unshift() seperti menyisipkan elemen di bagian depan barisan. Elemen baru menjadi elemen pertama, dan elemen yang sudah ada bergeser ke kanan.
  • Method ini berguna saat kamu ingin menambahkan item baru ke awal array atau menyusun ulang elemen. Contohnya:
const colors = ["red", "green", "blue"];
const newColors = colors.unshift("yellow", "purple");

console.log(colors); // output: ["yellow", "purple", "red", "green", "blue"]
console.log(newColors); // output: 5 (panjang baru)

Setelah menggunakan method unshift() pada array colors dalam contoh di atas, elemen "yellow" dan "purple" disisipkan di awal array.

challenge icon

Tantangan

Mudah

Kamu diberi daftar tugas dengan tiga tugas: "Read a book",  "Play sports" dan “Wash dishes” seperti yang tercantum dalam array tasks.

Tulis kode JavaScript untuk menghapus tugas pertama dari daftar tugas, menambahkan tugas baru "Feed the cat" sebagai gantinya, lalu mencatat daftar tugas yang telah diperbarui.

Coba sendiri

let tasks = ['Read a book', 'Play sports', 'Wash dishes'];

// Tulis kodemu di sini

Semua pelajaran di Metode array di JavaScript

Latihan sendiri: Compiler JavaScript online