Bayangkan Anda memiliki daftar restoran yang ingin Anda coba, dan setelah akhirnya makan malam di salah satu dari mereka, Anda tidak hanya ingin mencoret restoran dari daftar Anda, tetapi Anda ingin menghapusnya sepenuhnya.
Jadi Anda menghapus restoran yang sudah Anda coba, dan sekarang daftar asli Anda hanya memiliki restoran yang belum Anda coba. Di sini, kami telah menjelaskan salah satu hal yang dapat dilakukan oleh sambungan JavaScript
Apa metode sambatan JavaScript dan apa yang bisa dilakukannya?
Oke, mari kita mundur sedikit. Kami telah menjelaskan apa yang dapat dilakukan sambatan JavaScript, tetapi apa sebenarnya itu?
Metode JavaScript splice() adalah metode bawaan untuk fungsi larik JavaScript. Splice memodifikasi array asli dengan menghapus, mengganti, atau menambahkan elemen. Nilai yang dikembalikan adalah larik baru yang berisi elemen yang dihapus. Jika tidak ada elemen yang dihapus, array kosong dikembalikan. Sintaks dasar untuk sambatan JavaScript adalah
Array.splice(start, removeCount, newItem, newItem, newItem, ...)Cara menghapus elemen dari array dengan sambatan JavaScript
Untuk menghapus elemen dari array menggunakan sambungan JavaScript, Anda perlu mengetahui nomor indeks elemen yang ingin Anda hapus
Kembali ke contoh yang kami tunjukkan di awal tutorial ini. Katakanlah daftar ember restoran kami terdiri dari A, B, C, dan D, ini akan menjadi array asli. Restoran yang kami coba adalah D. Untuk menghapus D, kita perlu mengetahui nomor indeksnya. Karena indeks array dimulai dari 0, indeksnya adalah (X-1). Dalam hal ini, nomor indeksnya adalah 3
Sekarang, kita dapat menggunakan metode potongan JavaScript untuk menghapus restoran yang telah kita kunjungi dari larik asli
const restaurants = [“A”, “B”, “C”, “D”] console.log(restaurants.splice(3, 1)) // output: [“D”] console.log(restaurants) // output: [“A”, “B”, “C”] _Di sini, kita dapat melihat bahwa array asli telah disambung menjadi dua. array asli dengan elemen yang tersisa, dan nilai kembaliannya adalah array dengan elemen yang dihapus
Untuk mempelajari lebih lanjut tentang cara menggunakan sambungan JavaScript untuk menghapus elemen dari larik, lihat entri blog ini
Cara menambahkan elemen ke array dengan sambatan JavaScript
Anda juga dapat menambahkan elemen baru ke array menggunakan sambungan JavaScript. Dengan mengingat sintaks sambatan penuh, Anda dapat menambahkan elemen baru dengan menentukan jumlah elemen yang ingin Anda hapus sebagai "0" dan sebelum mendeklarasikan elemen baru
Sebagai contoh, mari tambahkan E ke array kita
const restaurants = [“A”, “B”, “C”, “D”] console.log(restaurants.splice(3, 0,”E”)) // output: [] console.log(restaurants) // output: [“A”, “B”, “C”, “E”, “D”]Ini juga berfungsi jika Anda ingin menghapus dan menambahkan elemen ke array Anda. Misalnya, mari kita hapus D dari larik di atas dan tambahkan F dan G di lokasi D
Sambungan vs Potong. Apa perbedaan antara kedua metode JavaScript tersebut?
Satu kebingungan yang mungkin dimiliki oleh banyak pengembang JavaScript adalah sambatan vs irisan. Apakah mereka sama?
Meskipun sambatan dan irisan adalah metode JavaScript bawaan dan terdengar sangat mirip, keduanya sebenarnya memainkan peran yang berbeda. Baik sambatan dan irisan JavaScript dapat digunakan untuk memanipulasi item dalam array
Namun, seperti yang disebutkan di atas, metode sambatan JavaScript secara langsung memodifikasi larik asli, dan, jika ada, mengembalikan larik dari elemen yang dihapus. Di sisi lain, metode irisan JavaScript tidak mengubah larik asli, tetapi mengembalikan larik baru yang merupakan "bagian" dari larik asli. Anda dapat menentukan "mulai" dan "akhir" dari pilihan yang Anda inginkan untuk dikembalikan oleh metode irisan
Setelah membaca artikel ini, Anda akan memiliki pemahaman dasar tentang cara menggunakan sambungan JavaScript. Meski terlihat sederhana, jangan remehkan semua keajaiban yang bisa dilakukan metode penyambungan. Jika Anda ingin mempelajari lebih lanjut tentang apa yang dapat Anda lakukan dengan sambatan, temukan mentor untuk membantu Anda menguasai JavaScript langkah demi langkah
Seperti yang kita ketahui, array dalam Javascript adalah variabel yang mampu menampung banyak nilai. Kami memiliki beberapa metode untuk mengerjakan array. Di mana slice dan splice paling banyak digunakan dan terkadang orang bingung di antara keduanya. Nah, di blog ini, kita akan memahami kedua metode tersebut dan apa perbedaan di antara keduanya. Jadi, mari kita mulai
Prasyarat
Pengetahuan dasar Javascript
Mengiris
Metode slice() digunakan untuk mengembalikan larik baru yang berisi sebagian dari larik tersebut. Itu tidak mengubah array asli melainkan mengembalikan array baru. Berikut adalah sintaks dari metode ini
slice() slice(start) slice(start, end)_Mari kita lihat parameter ini
- Mulailah. Di sini mulai adalah nomor indeks dari mana Anda ingin mengekstrak array dan itu opsional
Jika awal tidak terdefinisi maka mulai mengekstraksi dari nol
Dan jika awal lebih besar dari rentang indeks, ia mengembalikan array kosong
Indeks negatif juga dapat digunakan untuk itu. Misalnya slice(-2) mengembalikan dua elemen terakhir
- akhir. end adalah indeks di mana kita ingin menghentikan ekstraksi. Ini juga opsional. Itu tidak termasuk dalam ekstraksi
Indeks ini tidak termasuk dalam ekstraksi
Jika akhirnya tidak terdefinisi maka itu mengekstrak seluruh array dari nomor indeks awal
Jika akhirnya lebih besar dari rentang indeks maka itu akan mengekstraknya hingga arr. panjangnya
Mari kita lihat contoh dari semua kasus ini untuk mendapatkan pemahaman yang lebih baik
Contoh irisan
Kasus 1. kami melewati parameter awal dan akhir dan array yang dikembalikan menyertakan indeks 1, 2, dan 3
Kasus 2. kami hanya melewati satu parameter, menghilangkan akhir. Jadi semua elemen akan dikembalikan mulai dari indeks yang disebutkan (Dalam hal ini, indeks 2)
Kasus 3. ketika awal lebih besar dari rentang indeks, ia mengembalikan array kosong
Kasus 4. ketika melewati indeks negatif. Dalam hal ini, kembalikan 3 elemen terakhir
Kasus 5. ketika akhirnya lebih besar dari rentang indeks maka itu akan mengekstraknya sampai arr. panjangnya
Kasus 6. Di sini ia mengembalikan elemen ketiga dari elemen kedua hingga terakhir
Untuk objek, irisan selalu menyalin referensi objek ke dalam larik baru. Larik baru dan larik asli akan merujuk ke objek. Jadi jika objek berubah, Anda akan dapat melihat perubahan pada larik asli dan larik baru
Sambatan
Metode splice() digunakan untuk menghapus atau mengganti elemen yang ada dalam array. Metode ini memodifikasi larik asli dan mengembalikan elemen yang dihapus sebagai larik baru. Berikut adalah sintaks untuk itu
Mari kita pahami parameter ini sekarang
- Mulailah. start adalah indeks dari mana Anda ingin memodifikasi array
Jika nilai awal lebih besar dari panjang array, maka nilai tersebut diatur ke panjang array. Dalam kasus seperti itu akan berperilaku sebagai fungsi penambahan.
Jika nilainya negatif maka akan dimulai dari posisi sekian dari akhir
- hapusHitung. Ini adalah parameter opsional dan mengacu pada jumlah elemen yang akan dihapus
Jika 0 atau negatif tidak ada elemen yang akan dihapus
- Barang1, barang2,. Ini adalah parameter opsional. Ini adalah elemen yang akan ditambahkan dari indeks awal. Jika Anda tidak menyebutkannya maka itu hanya akan menghapus elemennya
Mari kita lihat contoh kasus ini
Contoh sambungan
Kasus 1. lewat hanya mulai. Di sini meneruskan indeks sebagai 2 mengembalikan larik dari indeks itu ke panjang larik
Kasus 2. Di sini lewat mulai dan hapus hitungan. Mulai dari indeks 1 dan menghapus 2 item dari array
Kasus 3. Di sini melewati start, deleteCount, dan itemnya juga. Jadi, dalam hal ini, dimulai dari indeks 2 dan menghapus 1 nilai, dan menyisipkan 'Kiwi' di sana
Kasus 4. Mirip dengan contoh di atas hanya menghapus 2 item sekarang
Kasus 5. Di sini kita melewati posisi awal di luar kisaran indeks. Jadi ini berfungsi sebagai fungsi penambahan dalam kasus ini
Kasus 6. Ini dia mulai dari posisi kedua terakhir dan menggantinya dengan 'Jambu'
Bawa pulang
Jadi sekarang setelah kita melihat semua kasus kita tahu perbedaan antara kedua metode tersebut. Slice digunakan untuk mendapatkan array baru dari array asli sedangkan sambatan digunakan untuk menambah/menghapus item dalam array asli. Perubahan tidak tercermin dalam larik asli dalam kasus irisan dan dalam sambungan, perubahan tercermin dalam larik asli. Juga, metode slice akan mengambil hampir 2 elemen dan splice dapat mengambil sejumlah n argumen. Untuk mengetahui lebih lanjut tentang metode ini, silakan lihat dokumen MDN di sini
Juga, Terima kasih telah bertahan sampai akhir. Jika Anda menyukai blog ini, jangan lupa untuk memberikan jempol dan membagikannya. Juga, Anda dapat berkomentar dan memberi tahu saya bagaimana saya dapat meningkatkan konten saya. Jangan ragu untuk membagikan pemikiran Anda tentang blog ini di komentar