Metode splice () JavaScript Array

Menunjukkan tutorial ini bagaimana menggunakan metode splice()dari Arrayuntuk menghapus elemen yang ada, masukkan unsur-unsur baru dan mengganti elemen dalam array JavaScript.

Versi bahasa Inggris: https://www.javascripttutorial.net/javascript-array-splice/

Jenis ArrayJavaScript menyediakan metode splice()yang sangat kuat yang memungkinkan Anda untuk memasukkan elemen baru di tengah array. Namun, Anda juga dapat menggunakan metode ini untuk menghapus dan mengganti elemen yang ada,

Menghapus elemen menggunakan splice ()

Untuk menghapus elemen dalam larik, Anda meneruskan dua argumen ke metode spice()sebagai berikut:

Argumen positionmenentukan posisi item pertama yang akan dikecualikan dan argumen nummenentukan jumlah elemen yang akan dikecualikan.

Metode ini splice()mengubah larik asli dan mengembalikan larik yang berisi elemen yang dihapus.

Mari kita lihat contoh di bawah ini.

Misalkan Anda memiliki larik yang berisi lima angka dari 1 hingga 5.

Pernyataan berikut menghapus tiga elemen dari larik yang scoresdimulai dari elemen pertama dan membuat larik baru deletedScoresyang menyimpan nilai yang dikecualikan:

Array scoressekarang berisi dua elemen.

Dan array tersebut deletedScoresberisi 3 elemen:

Gambar berikut mengilustrasikan pemanggilan metode score.splice(0, 3):

Memasukkan elemen menggunakan splice ()

Anda dapat menyisipkan satu atau lebih elemen ke dalam larik (dalam larik) dengan meneruskan 3 argumen atau lebih ke metode splice() dengan argumen kedua sama dengan nol .

Pertimbangkan sintaks berikut:

Pahami sintaks ini:

  • Argumen positionmenentukan posisi awal dari matriks tempat elemen baru akan disisipkan.
  • Argumen kedua adalah nol 0yang memberi metode perintah untuk splice()tidak menghapus elemen apa pun.
  • Argumen ketiga, keempat dan seterusnya, adalah nilai dari elemen baru yang akan dimasukkan ke dalam array.

Misalkan Anda memiliki sebuah larik (larik) yang dipanggil colorsdengan 3 string:

Pernyataan berikut menyisipkan elemen setelah elemen kedua:

Array colorssekarang memiliki 4 elemen dengan elemen baru dimasukkan di posisi kedua.

Gambar berikut mengilustrasikan pemanggilan metode di atas:

Anda dapat memasukkan lebih dari satu elemen, meneruskan argumen keempat, kelima, dan seterusnya. Lihat contohnya:

Mengganti elemen menggunakan splice ()

Metode ini splice()memungkinkan Anda untuk memasukkan elemen baru dan menghapus elemen yang ada dalam array secara bersamaan.

Untuk melakukan ini, Anda meneruskan setidaknya 3 argumen, yang kedua menentukan jumlah item yang akan dikecualikan dan yang ketiga menunjukkan elemen yang akan disisipkan.

Perhatikan bahwa jumlah elemen yang akan dihapus tidak harus sama dengan jumlah elemen yang akan disisipkan.

Misalkan Anda memiliki larik bahasa pemrograman dengan empat elemen, sebagai berikut:

Pernyataan berikut menggantikan elemen kedua dengan yang baru:

Array languagessekarang masih memiliki 4 elemen dengan elemen kedua baru sebagai Pythongantinya C++.

Gambar berikut mengilustrasikan pemanggilan metode di atas.

Anda bisa mengganti elemen dengan beberapa elemen, meneruskan lebih banyak argumen ke metode splice()sebagai berikut:

Kode contoh

Dalam tutorial ini Anda dapat mempelajari cara menggunakan metode splice()JavaScript Array untuk menghapus elemen yang ada, memasukkan elemen baru dan mengganti elemen dalam sebuah array.

Lihat indeks semua tutorial JavaScript

Tutorial JavaScript

Suggested posts

Sumber daya pengkodean saya yang paling sering digunakan

Sumber daya pengkodean saya yang paling sering digunakan

Minggu ini, saya menerima email dari anggota daftar email harian. Mereka ingin tahu: Sumber daya apa yang Anda kunjungi setiap hari, setiap minggu, dan setiap bulan? Pertanyaan bagus! Saya senang untuk mencoba membagikan beberapa wawasan tentang alur kerja saya & sumber daya teratas yang saya gunakan.

Seri pustaka lit — 1: Mendalami Pustaka lit-html

Seri pustaka lit — 1: Mendalami Pustaka lit-html

Tujuan dari rangkaian blog ini adalah untuk mendalami library Lit dan mendapatkan pemahaman komprehensif tentang fitur uniknya dan bagaimana Lit membedakan dirinya dari library dan framework lain di pasar. Serial ini dibagi menjadi tiga bagian, mencakup topik-topik seperti 1.

Related posts

Penganiayaan Umat Kristiani: Kejahatan Kebencian yang Tidak Kita Bicarakan

Lupakan Islamofobia: Kristen (dan Yahudi) adalah korban utama kejahatan kebencian agama.

Penganiayaan Umat Kristiani: Kejahatan Kebencian yang Tidak Kita Bicarakan

Pikiran rasional mana pun tahu bahwa lingkaran politik dan media didominasi oleh kiri, bahkan paling kiri, suatu keadaan yang menciptakan ketidakseimbangan dalam wacana politik. Di bidang agama, ketidakseimbangan ini terlihat jelas: surat kabar dan jaringan sayap kiri tidak terburu-buru membela iman Kristen.

Belajar di Minggu Kerja lebih penting daripada yang Anda pikirkan

Belajar di Minggu Kerja lebih penting daripada yang Anda pikirkan

Kita sering menemukan diri kita berjuang untuk menerapkan apa yang kita tahu baik untuk kita. Dari memberi tahu orang penting bahwa kita mencintai mereka hingga mengingat untuk berbicara seperti bajak laut, akan selalu ada orang yang mengklaim bahwa acara sehari, seminggu, atau sebulan tidak diperlukan karena mereka sudah melakukan hal-hal itu.

Arsip Ancaman Itu: Vol 7 Black Basta

Arsip Ancaman Itu: Vol 7 Black Basta

Di dunia yang saling terhubung saat ini, ancaman serangan dunia maya lebih umum dari sebelumnya. Penjahat dunia maya dan aktor negara terus-menerus berusaha mengeksploitasi kerentanan dan mencuri data berharga, yang menimbulkan risiko signifikan bagi organisasi dari semua ukuran.

Cara Menyelamatkan Planet dan Menghasilkan Uang

Cara Menyelamatkan Planet dan Menghasilkan Uang

Berapa kali Anda membuang botol plastik, toples kaca, kaleng aluminium, atau paket energi hijau tanpa berpikir dua kali? Berapa kali Anda berharap bisa mendapatkan sesuatu sebagai imbalan untuk mendaur ulangnya? Jika Anda seperti kebanyakan orang, jawabannya mungkin berkali-kali. Daur ulang sering dianggap merepotkan, tugas, atau tugas yang tidak membawa manfaat langsung atau nyata.