Apa itu slice dalam javascript?

Metode array .slice() mengembalikan salinan dangkal dari semua atau sebagian dari array tanpa mengubah yang asli

Array yang dikembalikan berisi elemen yang ditentukan oleh argumen pertama dan semua elemen berikutnya hingga, tetapi tidak termasuk, elemen yang ditentukan oleh argumen kedua

• start. Indeks awal dari potongan yang akan dikembalikan (opsional)
• end. Indeks akhir potongan yang akan dikembalikan (opsional)

Jika hanya satu argumen yang ditentukan, array yang dikembalikan berisi semua elemen dari posisi awal hingga akhir array

Ketika Anda pertama kali mempelajari JavaScript, mungkin sulit untuk mengetahui perbedaan antara metode array

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

Pada artikel ini, saya akan memandu Anda tentang cara menggunakan metode array

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

Cara menggunakan metode larik JavaScript slice()

Metode

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

Berikut adalah sintaks dasarnya

slice(optional start parameter, optional end parameter)

Mari kita lihat beberapa contoh untuk lebih memahami cara kerja metode

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

Cara menggunakan metode JavaScript slice() tanpa parameter awal dan akhir

Pada contoh pertama ini, saya telah membuat daftar kota dari seluruh dunia

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

Saya dapat menggunakan metode

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

cities.slice()

Ketika saya

cities.slice()

cities.slice()

Cara menggunakan metode JavaScript slice() menggunakan parameter start

Anda dapat menggunakan parameter mulai opsional untuk mengatur posisi awal untuk memilih elemen dari larik. Penting untuk diingat bahwa array adalah indeks berbasis nol

Dalam contoh ini, kita akan menetapkan posisi awal pada indeks 2 yang akan memilih tiga kota terakhir dalam larik dan mengembalikannya dalam larik baru

const newCityArr = cities.slice(2);

console.log(newCityArr)

Array asli tidak diubah seperti yang dapat kita lihat di sini dalam contoh ini.

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

const newCityArr = cities.slice(2);

console.log("Original: ", cities)
console.log("New: ", newCityArr)

Anda juga dapat menggunakan indeks negatif yang akan mulai mengekstraksi elemen dari akhir array.

Dalam contoh ini, kami akan menetapkan posisi awal di -2 yang akan memilih dua kota terakhir dalam larik dan mengembalikannya dalam larik baru

const newCityArr = cities.slice(-2);

Jika parameter awal lebih besar dari indeks terakhir array, maka array kosong akan dikembalikan.

const newCityArr = cities.slice(5);

Cara menggunakan metode JavaScript slice() menggunakan parameter awal dan akhir

Jika posisi akhir ditentukan, maka metode

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

Dalam contoh ini, kami telah menentukan indeks awal 2 dan indeks akhir 4. Array baru yang dikembalikan hanya akan menyertakan kota pada indeks 2 dan 3 karena posisi akhir tidak termasuk dalam elemen yang diekstraksi

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

const newCityArr = cities.slice(2,4);

Cara menggunakan metode larik JavaScript splice()

Berbeda dengan metode

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

Jika tidak ada yang dihapus dari array, maka nilai yang dikembalikan hanya berupa array kosong

Berikut adalah sintaks dasarnya

splice(start, optional delete count, optional items to add)

Dalam contoh ini, kami memiliki berbagai item makanan

const food = ['pizza', 'cake', 'salad', 'cookie'];

Jika kita ingin menambahkan item makanan lain ke dalam array pada indeks 1, maka kita dapat menggunakan kode berikut

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

Angka pertama adalah indeks awal, dan angka kedua adalah jumlah penghapusan. Karena kami tidak menghapus item apa pun, jumlah penghapusan kami adalah nol

Seperti inilah hasilnya di konsol

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

Jika kita

const newCityArr = cities.slice(2);

console.log(newCityArr)

Dalam contoh berikutnya, kami ingin menghapus "salad" dari array. Kita dapat menggunakan parameter mulai dan hapus untuk melakukannya

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

Angka 2 adalah posisi awal dan angka 1 mewakili hitungan hapus. Karena salad ada di indeks 2 maka salad akan dihapus dari array

Seperti inilah tampilan array kami sekarang

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

Kesimpulan

Metode array

const newCityArr = cities.slice(2);

console.log(newCityArr)

const newCityArr = cities.slice(2);

console.log(newCityArr)

Metode

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

Berikut adalah sintaks dasarnya

slice(optional start parameter, optional end parameter)

Berbeda dengan metode

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

Jika tidak ada yang dihapus dari array, maka nilai yang dikembalikan hanya berupa array kosong

Berikut adalah sintaks dasarnya

splice(start, optional delete count, optional items to add)

Saya harap Anda menikmati artikel JavaScript ini dan semoga sukses dalam perjalanan pengembang Anda

IKLAN

IKLAN

IKLAN

IKLAN

IKLAN

IKLAN

IKLAN

Jessica Wilkins

Saya seorang musisi dan programmer

Jika Anda membaca sejauh ini, tweet ke penulis untuk menunjukkan bahwa Anda peduli. Tweet terima kasih

Belajar kode secara gratis. Kurikulum open source freeCodeCamp telah membantu lebih dari 40.000 orang mendapatkan pekerjaan sebagai pengembang. Memulai