JavaScript Dizi Yöntemleri
Dizileri Dizelere Dönüştürme
JavaScript yöntemi toString()
, bir diziyi (virgülle ayrılmış) dizi değerleri dizisine dönüştürür.
Örnek
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
Sonuç:
Yöntem join()
ayrıca tüm dizi öğelerini bir dizgede birleştirir.
Tıpkı gibi davranır toString()
, ancak ek olarak ayırıcıyı belirtebilirsiniz:
Örnek
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");
Sonuç:
Patlatma ve İtme
Dizilerle çalışırken, öğeleri çıkarmak ve yeni öğeler eklemek kolaydır.
Patlama ve itme budur:
Öğeleri bir diziden çıkarmak veya öğeleri bir diziye itmek .
JavaScript Dizi açılır()
Yöntem pop()
, dizideki son öğeyi kaldırır:
Örnek
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();
Yöntem pop()
, "dışarı atılan" değeri döndürür:
Örnek
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.pop();
JavaScript Dizisi itme()
Yöntem push()
, bir diziye yeni bir öğe ekler (sonda):
Örnek
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");
Yöntem push()
, yeni dizi uzunluğunu döndürür:
Örnek
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let length = fruits.push("Kiwi");
Değişen Elemanlar
Kaydırma, patlamaya eşdeğerdir, ancak son öğe yerine ilk öğe üzerinde çalışır.
JavaScript Dizi kaydırma()
Yöntem shift()
, ilk dizi öğesini kaldırır ve diğer tüm öğeleri daha düşük bir dizine "kaydırır".
Örnek
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();
Yöntem shift()
, "kaydırılan" değeri döndürür:
Örnek
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.shift();
JavaScript Dizisi kaydırmayı kaldır()
Yöntem unshift()
, bir diziye (başlangıçta) yeni bir öğe ekler ve eski öğeleri "değiştirir":
Örnek
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");
Yöntem unshift()
, yeni dizi uzunluğunu döndürür.
Örnek
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");
Öğeleri Değiştirme
Dizi öğelerine, dizin numaraları kullanılarak erişilir :
Dizi indeksleri 0 ile başlar:
[0] birinci dizi öğesidir
[1], ikincisi
[2], üçüncü ...
Örnek
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";
JavaScript Dizi uzunluğu
Özellik length
, bir diziye yeni bir öğe eklemek için kolay bir yol sağlar:
Örnek
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";
JavaScript Dizisi sil()
Uyarı !
Dizi elemanları JavaScript operatörü kullanılarak silinebilir delete
.
delete
Dizide yaprak undefined
delikleri kullanma .
Bunun yerine pop() veya shift() kullanın.
Örnek
const fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];
Dizileri Birleştirme (Birleştirme)
Yöntem concat()
, mevcut dizileri birleştirerek (birleştirerek) yeni bir dizi oluşturur:
Örnek (İki Diziyi Birleştirme)
const myGirls = ["Cecilie", "Lone"];
const myBoys = ["Emil", "Tobias", "Linus"];
const myChildren = myGirls.concat(myBoys);
Yöntem concat()
, mevcut dizileri değiştirmez. Her zaman yeni bir dizi döndürür.
Yöntem concat()
herhangi bir sayıda dizi argümanı alabilir:
Örnek (Üç Diziyi Birleştirme)
const arr1 = ["Cecilie", "Lone"];
const arr2 = ["Emil", "Tobias", "Linus"];
const arr3 = ["Robin", "Morgan"];
const myChildren = arr1.concat(arr2, arr3);
Yöntem concat()
ayrıca argüman olarak dizeleri alabilir:
Örnek (Diziyi Değerlerle Birleştirme)
const arr1 = ["Emil", "Tobias", "Linus"];
const myChildren = arr1.concat("Peter");
Ekleme ve Dilimleme Dizileri
Yöntem splice()
, bir diziye yeni öğeler ekler.
Yöntem slice()
, bir dizinin bir parçasını dilimler.
JavaScript Dizi ekleme()
Yöntem splice()
, bir diziye yeni öğeler eklemek için kullanılabilir:
Örnek
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
İlk parametre (2), yeni öğelerin eklenmesi (birleştirilmesi) gereken konumu tanımlar.
İkinci parametre (0), kaç öğenin kaldırılması gerektiğini tanımlar .
Geri kalan parametreler ("Limon" , "Kivi") eklenecek yeni öğeleri tanımlar .
Yöntem splice()
, silinen öğeleri içeren bir dizi döndürür:
Örnek
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");
Öğeleri Kaldırmak için splice() kullanma
splice()
Akıllı parametre ayarıyla, dizide "delikler" bırakmadan öğeleri kaldırmak için kullanabilirsiniz :
Örnek
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);
İlk parametre (0), yeni öğelerin eklenmesi (birleştirilmesi) gereken konumu tanımlar .
İkinci parametre (1), kaç öğenin kaldırılması gerektiğini tanımlar .
Parametrelerin geri kalanı atlanır. Yeni unsurlar eklenmeyecektir.
JavaScript Dizi dilimi()
Yöntem slice()
, bir dizinin bir parçasını yeni bir diziye dilimler.
Bu örnek, dizi öğesi 1'den ("Turuncu") başlayarak bir dizinin bir bölümünü dilimler halinde çıkarır:
Örnek
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1);
Not
Yöntem slice()
yeni bir dizi oluşturur.
Yöntem slice()
, kaynak diziden hiçbir öğeyi kaldırmaz.
Bu örnek, dizi öğesi 3'ten ("Apple") başlayarak bir dizinin bir bölümünü dilimler:
Örnek
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(3);
Yöntem slice()
gibi iki argüman alabilir slice(1, 3)
.
Ardından yöntem, başlangıç bağımsız değişkeninden ve bitiş bağımsız değişkenine kadar (ancak dahil değil) öğeleri seçer.
Örnek
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1, 3);
İlk örneklerde olduğu gibi bitiş argümanı atlanırsa, slice()
yöntem dizinin geri kalanını dilimler.
Örnek
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(2);
Otomatik toString()
JavaScript, ilkel bir değer beklendiğinde bir diziyi otomatik olarak virgülle ayrılmış bir dizeye dönüştürür.
Bir dizi çıktısını almaya çalıştığınızda bu her zaman böyledir.
Bu iki örnek aynı sonucu verecektir:
Örnek
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
Örnek
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
Not
Tüm JavaScript nesnelerinin bir toString() yöntemi vardır.
Bir Dizide Maks ve Min Değerleri Bulma
Bir JavaScript dizisinde en yüksek veya en düşük değeri bulmak için yerleşik işlevler yoktur.
Bu öğreticinin sonraki bölümünde bu sorunu nasıl çözeceğinizi öğreneceksiniz.
Dizileri Sıralama
Sıralama dizileri bu öğreticinin sonraki bölümünde ele alınmıştır.
Komple Dizi Referansı
For a complete Array reference, go to our:
Complete JavaScript Array Reference.
The reference contains descriptions and examples of all Array properties and methods.