JavaScript “Diziye Ekle” İşlevleri (push vs unshift vs others)

Bir JavaScript dizisine yeni öğeler eklemek için birkaç yöntem vardır. Bunun yerine JavaScript’teki bir dizideki öğeleri kaldırmak istiyorsanız, bunun için de bir makalemiz var.


Her yöntemin açıklamasına ilerlemek için aşağıdaki bağlantıları tıklamaktan çekinmeyin:

  1. Dizinin sonuna eklemek için push () işlevini kullanma
  2. Dizinin başına eklemek için unshift () yöntemini kullanma
  3. Bir diziye öğe eklemek için splice () kullanma
  4. Yeni, daha uzun dizileri birleştirmek ve oluşturmak için concat () kullanma
  5. Öğe ekleneceği dizini belirtmek için Dizin Notasyonunu kullanma

Şimdi bu komutların her birinin nasıl ve ne zaman yürütüleceğini tartışalım.

Push () kullanarak Dizinin Sonuna Ekle

Push () yöntemi, dizinin sonuna bir öğe eklerken, ikiz işlevi olan pop () yöntemi, dizinin sonundan bir öğeyi kaldırır.

Push () kullanarak bir dizinin sonuna öğe eklemek için şunu yaparsınız:

1
2
3

var list = ["foo", "bar"];

list.push ("baz");

["foo", "bar", "baz"] // sonuç

Ayrıca aşağıda gösterildiği gibi push () kullanarak bir diziye birden çok öğe ekleyebilirsiniz:

1
2
3

var list = ["foo", "bar"];

list.push ("baz", "qux", "ve benzeri");

["foo", "bar", "baz", "qux", "ve benzeri"] // sonuç

Bir dizinin sonuna bir öğe veya birden çok öğe eklemeniz gerekiyorsa, push () yöntemi neredeyse her zaman en basit ve en hızlı seçeneğiniz olacaktır..

Unshift () Kullanarak Dizinin Başlangıcına Ekle

Unshift () yöntemi, dizinin başına bir öğe ekler; ikiz işlevi olan shift (), dizinin başından bir öğeyi kaldırır.

Unshift () kullanarak bir dizinin başına bir öğe eklemek için şunu deneyin:

1
2
3

var list = ["foo", "bar"];

list.unshift ("baz");

["baz", "foo", "bar"] // sonuç

Unshift () kullanarak bir dizinin başına birden çok öğe eklemek için şunu deneyin:

1
2
3

var list = ["foo", "bar"];

list.unshift ("baz", "qux");

["baz", "qux", "foo", "bar"] // sonuç

Bir dizinin başına eleman eklemeniz gerekiyorsa, unshift () yöntemi neredeyse her zaman en basit ve en hızlı seçeneğiniz olacaktır.

Splice () kullanarak Dizinin Ortasına Öğe (ler) Ekleme

Splice () yöntemi, var olan öğeleri kaldırarak ve / veya yeni öğeler ekleyerek bir dizinin içeriğini değiştirir.

Aşağıda uygun splice () işlevi sözdizimini bulacaksınız:

1 array.splice (start, deleteCount [, öğe1 [, öğe2 [, …]]])

Dizinin içinde bir yerdeki belirli bir noktaya başlangıç ​​veya bitiş dışında bir öğe (veya öğeler) eklemek istiyorsanız, büyük olasılıkla splice () yöntemini kullanmalısınız.

Splice () kullanmak için kodunuz aşağıdaki gibi görünmelidir:

1
2
3
4

var list = ["foo", "bar"];

list.splice (1, 0, "baz"); // dizin konumu 1’de 0 öğeyi kaldırın, sonra ekleyin "baz" bu pozisyona

                           // eleman "bar" şimdi otomatik olarak dizin konumu 2’ye taşınacak

["foo", "baz", "bar"] // sonuç

Splice () kullanarak bir dizinin ortasına birden çok öğe eklemek için şunu deneyin:

1
2
3

var list = ["foo", "bar"];

list.splice (1, 0, "baz", "qux");

["foo", "baz", "qux", "bar"] // sonuç

Ekleme komutu, dizi manipülasyonunun İsviçre Çakısı gibidir; ancak bir diziye eklemek için splice () yöntemini kullanmadan önce çok daha basit itme veya kaydırma komutlarını kullanmayı denemelisiniz..

Concat () Kullanarak Yeni Bir Dizi Oluşturarak Diziye Ekleme

Concat () yöntemi, bağımsız değişkeninden dizi (veya diziler) ile birleştirildiği, çağrıldığı diziden oluşan yeni bir birleştirilmiş dizi döndürür.

Concat () kullanarak başka bir diziye bazı öğeler eklemek için aşağıdakileri yapın:

1
2
3

var list = ["foo", "bar"];

var newlist = list.concat (["baz", "qux"]);

["foo", "bar", "baz", "qux"] // yeni liste sonucu

Concat () kullanarak doğrudan dizi olmayan değerler eklemek de mümkündür:

1
2
3

var list = ["foo", "bar"];

var newlist = list.concat ( "baz", "qux" );

["foo", "bar", "baz", "qux"] // yeni liste sonucu

Concat () yöntemi, kodunuzu döngüler veya diğer yinelemeli döngüler için şişirmeden bazı dizileri bir araya getirmeniz gereken durumlarda basit bir çözümdür.

Dizin Gösterimini Kullanarak Belirli Bir Dizine Dizi Öğesi Ekleme

Ayrıca, dizideki dizin konumuna başvurarak diziyi herhangi bir dizi yöntemi kullanmadan doğrudan manipüle edebiliriz.

Burada belirtilen konumlara iki yeni öğe ekliyoruz:

1
2
3
4

var list = ["foo", "bar"];

liste [2] = "baz"; // öğe ekle "baz" dizideki dizin konumu 2’ye

liste [3] = "qux";

["foo", "bar", "baz", "qux"] // sonuç

Burada dizinin sonuna bir öğe ekliyoruz:

1
2
3

var list = ["foo", "bar"];

list [list.length] = "baz"; // öğe ekle "baz" dizinin sonuna

["foo", "bar", "baz"] // sonuç

Dizin notasyonu yöntemi, bu konumun nerede olabileceğinden bağımsız olarak, diziye bir öğenin tam olarak nereye yerleştirileceğini bildiğinizde genellikle yararlıdır. Bu durum çoğu zaman birçok algoritma uygulaması için geçerlidir.

JavaScript’de Diziye Ekleme ile İlgili Son Kelimeler

JavaScript’te bir diziye bir öğe eklemek oldukça basittir, ancak tek bir yöntem her zaman en iyisi değildir. Umarım çeşitli kod bağlamlarında belirli bir dizi genişletme yaklaşımının ne zaman kullanılacağından emin olabilirsiniz. Her zaman olduğu gibi, başka sorularınız, yorumlarınız, eklemeleriniz veya çıkarmalarınız varsa, bize aşağıda bir baş verin.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Adblock
    detector