JavaScript Dizisinden Belirli Bir Öğeyi Kaldırmanın 4 Yolu

Diziler, JavaScript'te etkileşime gireceğiniz yaygın veri yapılarından biridir. Bir diziden bir öğeyi kaldırırken, emrinizde farklı yöntemler vardır. Her şey, kaldırmak istediğiniz öğenin nerede olduğuna ve onu nasıl tanımlamak istediğinize bağlıdır.

Başlangıçta, sonda veya arada bir yerde olsun, bir JavaScript dizi öğesini kaldırmanın çeşitli yollarının neler olduğunu görün.

1. Bir Diziden İlk Elemanı Kaldırma

Bir dizideki ilk öğeyi kaldırmak için JavaScript'in yerleşik özelliğini kullanın. vardiya() yöntem. Öğeyi kaldırarak ve ardından kalan tüm öğelerin dizinlerini kaydırarak kutunun dışında çalışır.

Öğeyi kaldırdıktan sonra, shift yöntemi onu döndürür. Bu, kaldırılan öğeyi başka bir değişkene atayabileceğiniz ve isterseniz daha sonra kullanabileceğiniz anlamına gelir.

İşte nasıl:

sabit gösteri Dizisi = [1, 2, 3, 4, 5];
sabit firstElement = demoArray.shift();
konsol.log (demoArray); // günlükler [2, 3, 4, 5]
konsol.log (ilk Öğe); // günlükler 1

2. Bir Diziden Son Elemanı Kaldırma

JavaScript'in yerleşik bir özelliği vardır. pop() dizideki son öğeyi kaldırma yöntemi. Gibi vardiya() yöntem, pop() diziden kaldırılan öğeyi döndürür.

sabit gösteri Dizisi = [1, 2, 3, 4, 5];
sabit lastElement = demoArray.pop();
konsol.log (demoArray); // günlükler [1, 2, 3, 4]
konsol.log (son Öğe); // 5 günlükleri

Shift ve pop en yaygın olanlardan ikisidir. JavaScript dizisi yöntemleri, ancak sizi yalnızca bir yere kadar alabilirler. Bu ikisinin dışında, kaldırdığınız öğeler üzerinde size daha fazla kesinlik sağlayan birkaç yöntem vardır.

3. Silme Operatörünü Kullanma

Alternatif olarak, JavaScript'leri kullanabilirsiniz. silmek belirli bir dizindeki belirli bir dizi öğesini silmek için işleç. Ancak, daha önce incelediğimiz diğer yöntemlerin aksine, bir püf noktası var.

bu silmek işleci, dizinde boş bir boşluk olan bir dizi bırakarak yalnızca değeri kaldırır. Ancak, son öğeyi silseniz bile orijinal dizinin uzunluğu aynı kalır.

sabit gösteri Dizisi = [1, 2, 3, 4, 5];
silmek gösteri Dizisi[2];
konsol.log (demo Dizi[2]); // günlükler tanımsız
konsol.log (demoArray.uzunluk); // 5 günlükleri
konsol.log (demoArray); // günlükler [1, 2, boş, 4, 5]

4. Bir Dizi Öğesini Değere Göre Kaldırma

Belirli bir dizi öğesini değere göre de silebilirsiniz. Bunu yapmak için yerleşik bir yöntem yoktur, ancak bunu yapmak için mevcut iki yöntemi birleştirebilirsiniz: indeksi() Ve ekleme().

Bu ikisi, dizine sahip olmadan belirli bir öğeyi bir diziden çıkarmanıza olanak tanır. İlk olarak, kullanarak ilgilenilen öğenin dizinini bularak başlayın. indeksi():

sabit gösteri Dizisi = [1, 2, 3, 4, 5];
sabit targetElementIndex = demoArray.indexOf(4);
konsol.log (targetElementIndex); // günlükler 3

indexOf yöntemi, değer birden çok kez mevcut olsa bile, sağladığınız değerin ilk geçtiği dizinin dizinini döndürür. Hiçbir eşleşen öğe bulamazsa, indexOf döndürür -1.

Artık hedef öğenin dizinine sahip olduğunuza göre, ekleme() bu dizindeki öğeyi silme yöntemi. Tek yapmanız gereken, hedef öğenin dizinini ilk argüman olarak ve ardından kaldırmak istediğiniz öğe sayısını iletmektir.

Yalnızca tek bir öğeyi kaldırmak için bir değer iletin 1 ikinci argüman olarak:

demoArray.splice (targetElementIndex, 1);

bu ekleme() yöntem, kaldırılan öğelerin bir dizisini döndürür ve orijinal öğe dizisini değiştirir, tıpkı vardiya() Ve pop().

Bu yöntemlerden bazıları sizin için yeniyse, şuraya göz atın: tam JavaScript hile sayfası. Yalnızca kaldırmak için değil, öğeleri ekleme, döngüleme, tersine çevirme ve filtreleme gibi diğer işlemler için de kullanabileceğiniz tüm dizi yöntemlerini içerir.

JavaScript Dizileriyle Bir Profesyonel Gibi Çalışın

JavaScript'te dizilerle nasıl çalışılacağını bilmek, dizilerle ne kadar sık ​​karşılaşacağınızdan tüm web geliştiricileri için önemlidir.

Ustalaşılması gereken temel kavramlar, dizilerle çalışırken hemen hemen her şeyi yapmanıza yardımcı olabilecek, elinizin altında bulunan tüm yerleşik yöntemlerdir.