JavaScript Array pop() Method - Dizinin Son Öğesini Silme

JavaScript dizileri, değerleri gruplamanıza ve üzerlerinde yineleme(döngü) yapmanıza olanak tanır. Dizi öğelerini farklı şekillerde ekleyebilir ve kaldırabilirsiniz. Maalesef basit bir Array.remove yöntemi yoktur.

Peki, bir JavaScript dizisinden bir öğeyi nasıl silersiniz?

Bir silme yöntemi yerine, JavaScript dizisinin dizi değerlerini temizlemenin çeşitli yolları vardır.

Pop() Methodu kullanarak bir dizinin sonundan, shift() Methodu kullanarak baştan veya splice() Methodu kullanarak ortadaki öğeleri kaldırabilirsiniz. İstenilen öğelerle yeni bir dizi oluşturmak için JavaScript Dizisi filtre yöntemi, istenmeyen öğeleri kaldırmanın daha gelişmiş bir yoludur.

JavaScript Array.pop() methodu, dizinin sonundaki son öğeyi kaldırır. Bunu yaparken dizinin uzunluk özelliği bir azalır. Dizinin sonundaki son öğeyi kaldırdıktan sonra, bu yöntem kaldırılan dizi öğesini döndürür.

Not: Bu Method, bir dizinin uzunluğunu değiştirir.

İpucu: Bir dizinin ilk öğesini silmek için shift() methodu kullanın.

Sözdizimi:

array.pop()

ÖRNEK:


let plants = ['broccoli', 'cauliflower', 'cabbage', 'kale', 'tomato'];

console.log(plants.pop());
// Çıktı: "tomato"

console.log(plants);
// Çıktı: Array ["broccoli", "cauliflower", "cabbage", "kale"]

plants.pop();

console.log(plants);
// Çıktı: Array ["broccoli", "cauliflower", "cabbage"]

Dizi boş ise undefined döner.

ÖRNEK 2: Aşağıdaki kod, color adında dört öğe içeren diziyi oluşturur ve ardından son öğesini kaldırır.


var color = ['sarı', 'beyaz', 'gri', 'yeşil'];

var sil = color.pop();

console.log(color); // ['sarı', 'beyaz', 'gri' ] 

console.log(sil); // 'yeşil'

Dizi benzeri nesnelerde apply() veya call() kullanma


Aşağıdaki kod, coloradında dört öğe ve bir uzunluk parametresi içeren dizi benzeri nesneyi oluşturur, ardından son öğesini kaldırır ve uzunluk parametresini azaltır.


var color = {0:'sarı', 1:'beyaz', 2:'gri', 3:'yeşil', length: 4};

var sil = Array.prototype.pop.call(color); 
//apply () kullanmak için aynı sözdizimi

console.log(color); // {0:'sarı', 1:'beyaz', 2:'gri', length: 3} 

console.log(sil); // 'yeşil'

sercan 13/07/2023

öğretici olmuş teşekkürler
Lütfen konu haricinde soru sormayın cevaplanmayacaktır. Yorumunuz onaylandıktan sonra yayınlanacaktır. Lütfen Yukarıda ki mesajları okuyun tekrar aynı soruları sormayın.

4705

KATEGORİ
  • HTML
  • CSS
  • PHP
  • JQUERY
  • PHOTOSHOP
  • JavaScript
  • Web Dünyası
  • Linux
  • MİTHRİL FRAMEWORK
  • Laravel
  • Git
  • React
POPÜLER MAKALE
  • HTML LİNK(Bağlantı)EKLEME - LİNK VERME
  • HTML YAZI VE RESİM ORTALAMA
  • HTML RESME LİNK VERME
  • HTML FORM OLUŞTURMA
  • CSS YATAY MENÜ YAPIMI
  • HTML RESİM EKLEME
  • CSS (BOYUT) GENİŞLİK VE YÜKSEKLİK (Width-Height)
  • HTML DİV ve SPAN NEDİR?
  • HTML ARKAPLANA MÜZİK EKLEME
  • KALİTE KAYBETMEDEN RESİMLERİ BÜYÜTME
ETİKET
WEBCEBİR © 2013 Tüm hakları saklıdır.