Denemek istediğiniz bir restoran listeniz olduğunu ve sonunda bir tanesinde akşam yemeğini yedikten sonra, restoranı listenizden çıkarmak değil, tamamen kaldırmak istediğinizi hayal edin.
Böylece denediğiniz restoranı kaldırırsınız ve şimdi orijinal listenizde yalnızca henüz denemediğiniz restoranlar bulunur. Tam burada, JavaScript eklemesinin yapabileceği şeylerden birini tanımladık.
JavaScript ekleme yöntemi nedir ve ne yapabilir?
Tamam, biraz geri çekilelim. JavaScript eklemesinin neler yapabileceğini açıkladık, ancak tam olarak nedir?
JavaScript splice() yöntemi, JavaScript dizi işlevleri için yerleşik bir yöntemdir. Ekleme, öğeleri kaldırarak, değiştirerek veya ekleyerek orijinal diziyi değiştirir. Dönüş değeri, silinen öğeleri içeren yeni bir dizidir. Hiçbir öğe kaldırılmazsa boş bir dizi döndürülür. JavaScript ekleme için temel sözdizimi şöyledir:
Array.splice(start, removeCount, newItem, newItem, newItem, ...)
JavaScript eklemeli bir diziden öğeler nasıl kaldırılır
JavaScript ekleme kullanarak bir diziden bir elemanı basitçe kaldırmak için, kaldırmak istediğiniz elemanın indeks numarasını bilmeniz gerekir.
Bu eğitimin başında bahsettiğimiz örneğe geri dönersek. Restoran kova listemizin A, B, C ve D'den oluştuğunu varsayalım, bu orijinal dizi olacaktır. Denediğimiz restoran D olurdu. D'yi çıkarmak için dizin numarasını bilmemiz gerekirdi. Dizi dizini 0'dan başladığından dizin (X-1) olur. Bu durumda, dizin numarası 3 olacaktır.
Artık daha önce ziyaret ettiğimiz restoranı orijinal diziden kaldırmak için JavaScript dilim yöntemini kullanabiliriz: “`
const restoranlar = [“A”, “B”, “C”, “D”]
console.log(restaurants.splice(3, 1)) // çıktı: [“D”]
console.log(restoranlar) // çıktı: [“A”, “B”, “C”]
"
Burada, orijinal dizinin ikiye ayrıldığını görebiliriz: kalan öğelerin bulunduğu orijinal dizi ve dönüş değeri, öğelerin kaldırıldığı bir dizidir.
Bir diziden öğeleri kaldırmak için JavaScript eklemesinin nasıl kullanılacağı hakkında daha fazla bilgi edinmek için Bu blog yazısı.
JavaScript eklemeli bir diziye eleman nasıl eklenir
JavaScript eklemesini kullanarak bir diziye yeni öğeler de ekleyebilirsiniz. Tam ekleme sözdizimini göz önünde bulundurarak, yeni öğeleri bildirmeden önce, kaldırmak istediğiniz öğe sayısını “0” olarak tanımlayarak yeni öğeler ekleyebilirsiniz.
Örneğin dizimize E ekleyelim.
"
const restoranlar = [“A”, “B”, “C”, “D”]
console.log(restaurants.splice(3, 0”E”)) // çıktı: []
console.log(restoranlar) // çıktı: [“A”, “B”, “C”, “E”, “D”]
"
Bu, dizinizdeki öğeleri hem kaldırmak hem de eklemek isterseniz de işe yarar. Örneğin, yukarıdaki diziden D'yi çıkaralım ve D'nin yerine F ve G'yi ekleyelim.
"
const restoranlar = [“A”, “B”, “C”, “D”]
console.log(restaurants.splice(3, 0”E”)) // çıktı: [“D”]
console.log(restoranlar) // çıktı: ["A", "B", "C", "F", "G"]
"
Splice vs Slice: İki JavaScript yöntemi arasındaki fark nedir?
Pek çok JavaScript geliştiricisinin sahip olabileceği bir karışıklık, ekleme ve dilimdir: bunlar aynı mı? Değilse, fark nedir? Kulağa çok benziyorlar!
Hem ekleme hem de dilim yerleşik JavaScript yöntemleri olmasına ve kulağa çok benzer gelmesine rağmen, aslında farklı roller oynarlar. Bir dizideki öğeleri değiştirmek için hem JavaScript ekleme hem de dilim kullanılabilir.
Ancak, yukarıda bahsedildiği gibi, JavaScript ekleme yöntemi, orijinal diziyi doğrudan değiştirir ve varsa, kaldırılan öğelerin bir dizisini döndürür. Öte yandan, JavaScript dilim yöntemi orijinal diziyi değiştirmez, orijinal dizinin bir "bölümü" olan yeni bir dizi döndürür. Dilim yönteminin döndürmesini istediğiniz seçimin "başlangıcı" ve "bitişi"ni tanımlayabilirsiniz.
Bu makaleyi okuduktan sonra, JavaScript eklemesinin nasıl kullanılacağına dair temel bir anlayışa sahip olmalısınız. Basit görünse de, ekleme yönteminin yapabileceği tüm sihri hafife almayın. Splice ile neler yapabileceğiniz hakkında daha fazla bilgi edinmek istiyorsanız, bir akıl hocası bul JavaScript'te adım adım ustalaşmanıza yardımcı olmak için!
