Apa yang dikembalikan sambatan javascript?

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

const restaurants = [“A”, “B”, “C”, “D”]

console.log(restaurants.splice(3, 0,”E”)) // output: [“D”]
console.log(restaurants) // output: ["A", "B", "C", "F", "G"]

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

splice(start)
splice(start, deleteCount)
splice(start, deleteCount, item1)
splice(start, deleteCount, item1, item2, itemN)

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

Apa perbedaan antara sambatan () dan irisan ()?

Mengapa sambatan mengembalikan array kosong?

Apa itu irisan dalam JavaScript?

Apakah sambatan () merusak?