Javascript dizilerin başına eleman eklemek için unshift metodunu sunar. Unshift aldığı elemanları dizin baş tarafına ekler. Şimdi bunu örnekler ile açıklayalım.
Javascript Array unshift Metdodu
Bir dizin başına yeni bir eleman eklemek için kullanılan Javascript Array metodudur. Yazım şekli
unshift(eleman)
unshift(eleman0, eleman1)
unshift(eleman0, eleman1, /* … ,*/ elemanN)şeklindedir. Dizinin başına eklenmesi istenilen elemanlar aralarına virgül koyularak tek tek eklenir.
Dizinin Başına Eleman Ekleme
İlk olarak elimizde bir renk dizisi olduğunu varsayalım. Bu dizinin başına farklı bir renk eklemek isteyelim.
const renkler = ["Sarı", "Mavi", "Mor", "Yeşil"];Şimdi dizimizin başına Beyaz rengini ekleyelim.
renkler.unshift("Beyaz");
console.log(renkler);
// Konsola
// [ 'Beyaz', 'Sarı', 'Mavi', 'Mor', 'Yeşil' ]
// yazdırır.Array Değişkenin Başına Birden Fazla Eleman Ekleme
Şimdide elimizde sayilar adında bir dizimiz olsun.
const sayilar = [ 3, 5, 7, 9];Şimdi elimizdeki sayilar dizsinin baş tarafında 0 ve 1 değerlerini ekleyelim.
sayilar.unshift(0, 1);
console.log(sayilar);
// Konsola
// [ 0, 1, 3, 5, 7, 9 ]
// yazdırır.Spread Operatörü İle Bir Dizinin Başına Farklı Bir Diziyi Ekleme
Şimdi elimizde iki dizi olduğunu varsayalım. Bu dizilerin içerisinde de isimler bulunsun.
const isimler = ["Ahmet", "Ali", "Bekir", "Şakir", "Hakan"];
const yeniIsimler = ["Nuri", "Halil"];Şimdi de isimler dizisinin başına yeniIsimler dizisinin elemanlarını ekleyelim. Bunun için spread (…) operatörünü kullanacağız.
isimler.unshift(...yeniIsimler);
console.log(isimler);
// Konsola
// ["Nuri", "Halil", "Ahmet", "Ali", "Bekir", "Şakir", "Hakan"]
// yazdırır.React … Operatörü Nedir? yazımızda spread operatörü hakkında daha ayrıntılı bilgi bulabilirsiniz.
Sonuç
Javascript bir dizinin başına eleman eklemek için array unshift metodunu kullanır.
JavaScript Array Eleman Ekleme yazımızda dizilere eleman eklemenin farklı yöntemlerini bulabilirsiniz.
Javascript ile ilgili sorularınızı yorumlardan bize ekleyebilirsiniz.