JavaScript, her geçen gün daha da güçlenirken, yeni başlayan JavaScript geliştiricilerinin kafasını karıştıran bazı sorunları çözmek için alternatif yöntemler geliştirdiğini görüyoruz. Bu alternatif çalışma yöntemleri, işleyişi biraz değiştiriyor.
splice ve toSpliced İle Değer Silme Farkları
splice
1 2 3 4 | let dizi = [22, 33, 44, 55]; const silinenDegerler = dizi.splice(2, 1); console.log('Orijinal Dizi', dizi); console.log('Silinen Değerler', silinenDegerler); |
Demo
toSpliced
1 2 3 4 | let dizi = [22, 33, 44, 55]; const silinenDegerler = dizi.toSpliced(2, 1); console.log('Orijinal Dizi', dizi); console.log('Silinen Değerler', silinenDegerler); |
Demo
Gördüğünüz gibi, aynı amaca hizmet eden iki fonksiyonun çıktıları arasında farklar bulunmaktadır. Bu nedenle, geliştirme yaparken bu farkları dikkate almak kritiktir. Aynı çıktıyı ürettikleri düşünülerek kullanmak, veri kayıplarına yol açabilir. Her iki örneğimizin demo console çıktıları arasındaki farkları gözlemleyebiliyoruz. Ayrıca, splice
fonksiyonu orijinal dizi değişkenine müdahale ederken, toSpliced
fonksiyonu orijinal dizi değerlerine dokunmadan, güncellenen değerler adlı değişkene silinmiş orijinal dizi değerlerini döndürmektedir.
splice ve toSpliced İle Değer Ekleme Farkları
splice
1 2 3 4 | let dizi = [22, 33, 44, 55]; const guncellenenDegerler = dizi.splice(2, 1, 88); console.log('Orijinal Dizi', dizi); console.log('Güncellenen Değerler', guncellenenDegerler); |
Demo
toSpliced
1 2 3 4 | let dizi = [22, 33, 44, 55]; const guncellenenDegerler = dizi.toSpliced(2, 1, 88); console.log('Orijinal Dizi', dizi); console.log('Güncellenen Değerler', guncellenenDegerler); |
Demo
Ekleme işlemi ile ilgili olarak, splice
ve toSpliced
fonksiyonları arasındaki fark, silme işlemi konusunda ise benzer bir işleyişin devam ettiğini gözlemliyoruz. splice
fonksiyonu, orijinal diziyi değiştirirken, güncellenen değerler değişkenine sadece eklenen değerleri döndürerek orijinal dizideki değerlere dokunmaz. Diğer taraftan, toSpliced
fonksiyonu orijinal diziyi değiştirmeksizin, güncellenen değerler değişkenine orijinal dizideki değerlere 88 eklenmiş yeni bir dizi döndürmektedir.
📚 splice ve toSpliced Kaynakları
- Array.prototype.toSpliced() – JavaScript | MDN (mozilla.org)
- Array.prototype.splice() – JavaScript | MDN (mozilla.org)
📚 splice ve toSpliced Benzeri Makaleler
✍ Lütfen olumlu-olumsuz tüm görüşlerinizi bana yorum ya da mail yolu ile iletmeyi ihmal etmeyin.
🔗 Sosyal medya kanallarından makaleyi paylaşarak destek olursanız çok sevinirim.
👋 Bir sonraki makalede görüşmek dileğiyle.
Elinize sağlık
Çok teşekkürler