Dengan metode shift dan unshift saya menghapus dan menambahkan masing-masing elemen di awal setiap larik dalam JavaScript
Sintaks dari metode ini adalah sebagai berikut
Himpunan. unshift [elemen1, elemen2,…, elemenN]
Himpunan. menggeser[]
Seperti yang dapat kita lihat dengan metode unshift dimungkinkan untuk menyisipkan lebih dari satu elemen di antara tanda kurung bulat, dipisahkan dengan koma
Pergeseran dan pelepasan JavaScript – contoh 1
Buat array elemen dan tambahkan elemen, disisipkan melalui kotak dialog, di bagian atas array
Jadi mari kita asumsikan kita memiliki rangkaian item sekolah seperti biasa
var objectsSchool = ['eraser', 'notebook', 'pencil'];
Kemudian kami meminta pengguna untuk memasukkan elemen
var objectNew = prompt['Insert a school object'];
Oleh karena itu kami memutuskan untuk memasukkannya di bagian atas array dengan metode unshift
objectsSchool.unshift[objectNew];
console.log[objectsSchool];
Dalam hal ini, di konsol kita akan melihat sebagai elemen pertama yang dimasukkan oleh pengguna
Sekarang kami menghapus elemen yang sama yang telah dipilih pengguna untuk disisipkan
Kita perlu menggunakan metode shift
objectsSchool.shift[];
console.log[objectsSchool];
Di konsol browser, daftar pertama akan ditampilkan tanpa item yang dimasukkan oleh pengguna
Shift dan unshift JavaScript – contoh 2
Mari kita ambil contoh menggunakan array hari yang telah kita gunakan pada contoh sebelumnya
Namun kali ini, kami akan menghapus hari di awal larik, jadi mulai dari hari Senin
Coba klik tombol di bawah untuk mendapatkan efeknya
Berikut adalah kode lengkap yang digunakan untuk menyelesaikan algoritma sederhana ini yang menggunakan metode shift [] untuk menghapus elemen di awal array
var days = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"];
function removeDay[] {
days.shift[];
alert ["I took off a day"];
// I print every day
for [var i = 0; i < days.length; i ++] {
alert[days[i]];
}
}
Setelah di halaman html saya masukkan kode berikut
Demikian juga saya menggunakan unshift [] untuk menambahkan elemen ke awal array
Ini adalah contoh sederhana
var days = ["Monday"];
days.unshift["Tuesday"];
Kesimpulan
Tentu saja ini hanyalah contoh sederhana dari metode JavaScript shift dan unshift, berguna untuk memulai dengan array di JavaScript. Dalam beberapa pelajaran berikutnya kita akan membahas metode lain
Metode unshift[]_ menambahkan satu atau lebih elemen ke awal array dan mengembalikan panjang baru array
unshift[element0]
unshift[element0, element1]
unshift[element0, element1, /* … ,*/ elementN]
elementN
Elemen untuk ditambahkan ke bagian depan arr
Properti length_ baru dari objek tempat metode dipanggil
Metode unshift[]_ menyisipkan nilai yang diberikan ke awal objek mirip array
Array.prototype.push[] memiliki perilaku yang mirip dengan unshift[], tetapi diterapkan pada akhir array
Harap dicatat bahwa, jika beberapa elemen diteruskan sebagai parameter, mereka dimasukkan dalam potongan di awal objek, dalam urutan yang sama persis mereka diteruskan sebagai parameter. Oleh karena itu, memanggil unshift[] dengan
let arr = [4, 5, 6];
arr.unshift[1, 2, 3];
console.log[arr];
// [1, 2, 3, 4, 5, 6]
arr = [4, 5, 6]; // resetting the array
arr.unshift[1];
arr.unshift[2];
arr.unshift[3];
console.log[arr];
// [3, 2, 1, 4, 5, 6]
let arr = [4, 5, 6];
arr.unshift[1, 2, 3];
console.log[arr];
// [1, 2, 3, 4, 5, 6]
arr = [4, 5, 6]; // resetting the array
arr.unshift[1];
arr.unshift[2];
arr.unshift[3];
console.log[arr];
// [3, 2, 1, 4, 5, 6]
Lihat contoh
let arr = [4, 5, 6];
arr.unshift[1, 2, 3];
console.log[arr];
// [1, 2, 3, 4, 5, 6]
arr = [4, 5, 6]; // resetting the array
arr.unshift[1];
arr.unshift[2];
arr.unshift[3];
console.log[arr];
// [3, 2, 1, 4, 5, 6]
Metode unshift[]_ adalah. Itu hanya mengharapkan nilai
let arr = [4, 5, 6];
arr.unshift[1, 2, 3];
console.log[arr];
// [1, 2, 3, 4, 5, 6]
arr = [4, 5, 6]; // resetting the array
arr.unshift[1];
arr.unshift[2];
arr.unshift[3];
console.log[arr];
// [3, 2, 1, 4, 5, 6]
length dan properti dengan kunci bilangan bulat. Meskipun string juga mirip array, metode ini tidak cocok untuk diterapkan padanya, karena string tidak dapat diubahconst arr = [1, 2];
arr.unshift[0]; // result of the call is 3, which is the new array length
// arr is [0, 1, 2]
arr.unshift[-2, -1]; // the new array length is 5
// arr is [-2, -1, 0, 1, 2]
arr.unshift[[-4, -3]]; // the new array length is 6
// arr is [[-4, -3], -2, -1, 0, 1, 2]
arr.unshift[[-7, -6], [-5]]; // the new array length is 8
// arr is [ [-7, -6], [-5], [-4, -3], -2, -1, 0, 1, 2 ]
Metode unshift[]_ membaca properti length dari
let arr = [4, 5, 6];
arr.unshift[1, 2, 3];
console.log[arr];
// [1, 2, 3, 4, 5, 6]
arr = [4, 5, 6]; // resetting the array
arr.unshift[1];
arr.unshift[2];
arr.unshift[3];
console.log[arr];
// [3, 2, 1, 4, 5, 6]
const arr = [1, 2];
arr.unshift[0]; // result of the call is 3, which is the new array length
// arr is [0, 1, 2]
arr.unshift[-2, -1]; // the new array length is 5
// arr is [-2, -1, 0, 1, 2]
arr.unshift[[-4, -3]]; // the new array length is 6
// arr is [[-4, -3], -2, -1, 0, 1, 2]
arr.unshift[[-7, -6], [-5]]; // the new array length is 8
// arr is [ [-7, -6], [-5], [-4, -3], -2, -1, 0, 1, 2 ]
const arr = [1, 2];
arr.unshift[0]; // result of the call is 3, which is the new array length
// arr is [0, 1, 2]
arr.unshift[-2, -1]; // the new array length is 5
// arr is [-2, -1, 0, 1, 2]
arr.unshift[[-4, -3]]; // the new array length is 6
// arr is [[-4, -3], -2, -1, 0, 1, 2]
arr.unshift[[-7, -6], [-5]]; // the new array length is 8
// arr is [ [-7, -6], [-5], [-4, -3], -2, -1, 0, 1, 2 ]
const arr = [1, 2];
arr.unshift[0]; // result of the call is 3, which is the new array length
// arr is [0, 1, 2]
arr.unshift[-2, -1]; // the new array length is 5
// arr is [-2, -1, 0, 1, 2]
arr.unshift[[-4, -3]]; // the new array length is 6
// arr is [[-4, -3], -2, -1, 0, 1, 2]
arr.unshift[[-7, -6], [-5]]; // the new array length is 8
// arr is [ [-7, -6], [-5], [-4, -3], -2, -1, 0, 1, 2 ]
unshift[]. Akhirnya, ini menyetel length ke panjang sebelumnya ditambah jumlah elemen yang diawali