JavaScript dizilerin gücü dizi yöntemlerinde yatmaktadır.
Strings için Dizileri dönüştürme
JavaScript yöntemi toString() bir dizi için bir dizi dönüştürür (comma separated) dizisi değerleri.
Örnek
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
Sonuç
Banana,Orange,Apple,Mango
Kendin dene " join() yöntemi ayrıca bir dizeye tüm dizi elemanlarını birleştirir.
Sadece gibi davranır toString() , ancak ek olarak size ayırıcı belirtebilirsiniz:
Örnek
var fruits = ["Banana", "Orange","Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");
Sonuç
Banana * Orange * Apple * Mango Kendin dene " Popping ve Pushing
Eğer diziler ile çalışmak, öğeleri kaldırmak ve yeni unsurlar eklemek kolaydır.
Bu haşhaş ve iterek budur:
Bir dizinin dışına öğeleri haşhaş ya bir diziye öğeler bastırıyor.
Pat pat
pop() yöntemi bir dizinin son öğesini kaldırır:
Örnek
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();
// Removes the last element ("Mango") from fruits Kendin dene " pop() metodu edildi değerini verir "popped out" :
Örnek
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x =
fruits.pop();
// the value of x is "Mango" Kendin dene " itme
push() yöntemi bir dizi yeni elemanlar ekler (at the end) :
Örnek
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");
// Adds a new element ("Kiwi") to fruits Kendin dene " push() metodu yeni dizi uzunluğu verir:
Örnek
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x =
fruits.push("Kiwi");
// the value of x is 5 Kendin dene " Öğeleri kaydırmak
Shifting, haşhaş yerine geçen ilk elemanına üzerinde çalışmaya eşdeğerdir.
shift() metodu ilk dizi elemanı ve kaldırır "shifts" daha düşük bir dizin için tüm diğer elemanlar bulunmaktadır.
Örnek
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();
// Removes the first element "Banana" from fruits
Kendin dene " unshift() yöntemi, bir bir dizi yeni eleman ekler (at the beginning) ve "unshifts" eski elemanları:
Örnek
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");
// Adds a new element "Lemon" to fruits
Kendin dene " shift() yöntemi oldu dize döndürür "shifted out" .
unshift() metodu yeni dizi uzunluğu verir.
Öğeleri değiştirme
Dizi elemanları kendi dizin numarasını kullanarak erişilir:
Dizi indeksleri [0] ilk dizi elemanı [2] üçüncü, [1] İkinci dir, 0 ile başlar ...
Örnek
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";
// Changes the first element of fruits to "Kiwi" Kendin dene " uzunluk özelliği, bir dizi yeni bir öğe eklemek için kolay bir yol sağlar:
Örnek
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";
// Appends "Kiwi" to fruit Kendin dene " Silme Elemanları
JavaScript diziler nesneler olduğundan, elemanlar JavaScript operatörünü kullanarak silinebilir delete :
Örnek
var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];
// Changes the first element in fruits to undefined Kendin dene " Kullanılması delete dizideki tanımsız delik bırakabilir. Kullanın pop() veya shift() yerine.
Array dilindiğinde
splice() yöntemi bir dizi yeni öğeler eklemek için de kullanılabilir:
Örnek
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
Kendin dene " İlk parametre (2) , yeni elemanlar ilave edilmelidir konumu tanımlar (spliced in) .
İkinci parametre (0) çıkarılmalıdır kaç elemanları tanımlar.
Kalan parametreler ( "Lemon" , "Kiwi" ) yeni öğeler eklenecek tanımlar.
Kullanılması splice() Elements çıkarmak için
Zeki parametre ayarıyla, kullanabilirsiniz splice() çıkmadan öğeleri kaldırmak için "holes" dizisindeki:
Örnek
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);
// Removes the first element of fruits
Kendin dene " İlk parametre (0) , yeni elemanlar ilave edilmelidir konumu tanımlar (spliced in) .
İkinci parametre (1) çıkarılabilir kaç elemanları tanımlar.
Kalan parametreler atlanmıştır. Hiçbir yeni unsurlar eklenecektir.
Array Sıralama
sort() metodu alfabetik bir dizi sıralar:
Örnek
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
// Sorts the elements of fruits
Kendin dene " Array Geri
reverse() yöntemi, bir dizideki öğeleri tersine çevirir.
Sen inen sırayla bir dizi sıralamak için kullanabilirsiniz:
Örnek
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
// Sorts the elements of fruits
fruits.reverse();
// Reverses the order of the elements Kendin dene " Sayısal sırala
Varsayılan olarak, sort() fonksiyonu dizeleri olarak değerlerini sıralar.
Bu dizeleri için iyi çalışır ( "Apple" comes before "Banana" ) .
Sayılar dizeleri olarak sıralanır Ancak, "25" daha büyük "100" Çünkü, "2" daha büyük "1" .
Bu nedenle, sort() numaraları Sıralarken yöntem yanlış sonuç üretecektir.
Bir karşılaştırma işlevini sağlayarak bu düzeltebilirsiniz:
veya
Bir dizi inen sıralamak için aynı numarayı kullanın:
veya
Karşılaştırma Fonksiyonu
karşılaştırma fonksiyonu amacı alternatif bir sıralama düzeni tanımlamaktır.
karşılaştırma fonksiyonu bağımsız değişkenleri bağlı olarak, bir negatif sıfır ya da pozitif bir değer iade olmalıdır:
function(a, b){return a-b}
Tüm sort() işlevi, iki değeri karşılaştırır, bu karşılaştırma fonksiyonu değerleri gönderir ve geri (negatif sıfır, pozitif) değerine göre değerleri sıralar.
Örnek:
40 ve 100, karşılaştırırken sort() metodu karşılaştırma çağırır function(40,100) .
Işlev 40-100 hesaplar ve -60 döner (a negative value) .
sıralama işlevi 100 daha düşük bir değere kadar 40 sıralanır.
En yüksek Bul (or Lowest) Değerini
Nasıl bir dizideki en yüksek değeri bulmak için?
Örnek
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return b-a});
// now points[0] contains the highest value Kendin dene " Ve en düşük:
Örnek
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a-b});
// now points[0] contains the lowest value Kendin dene " Diziler Katılma
concat() metodu iki dizi birleştirerek yeni bir dizi oluşturur:
Örnek
var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias","Linus"];
var myChildren = myGirls.concat(myBoys);
// Concatenates (joins) myGirls and myBoys
Kendin dene " concat() metodu dizi bağımsız değişken herhangi bir sayıda olabilir:
Örnek
var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias","Linus"];
var arr3 = ["Robin", "Morgan"];
var myChildren = arr1.concat(arr2, arr3);
// Concatenates arr1 with arr2 and arr3
Kendin dene " Array dilimleme
slice() yöntemi yeni diziye bir dizinin bir parçasını dilimler.
Bu örnek, bir dizi elemanı 1 den başlayan bir dizisinin bir bölümünü dilimleri ( "Orange" ) :
Örnek
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1);
Kendin dene " slice() metodu yeni bir dizi oluşturur. Bu kaynak diziden herhangi bir elemana kaldırmaz.
Bu örnek, bir dizi elemanı 3 başlayarak, bir dizi bir bölümünü dilimleri ( "Apple" ) :
Örnek
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(3);
Kendin dene " slice() metodu gibi iki bağımsız alabilir slice(1,3) .
Daha sonra, yöntem son argüman başlangıç değişken elemanları seçer ve kadar (dahil değil).
Örnek
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);
Kendin dene " Uç argüman ilk örneklerde olduğu gibi, atlanırsa, slice() yöntemi, dizinin geri kalanı dilimler.
Örnek
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(2);
Kendin dene " valueOf() Yöntem
valueOf() yöntemi bir dizi için varsayılan davranıştır. Bu temel bir değere bir dizi dönüştürür.
İlkel bir değer beklenirken zaman JavaScript otomatik bir dizeye bir dizi dönüştürür.
Bu nedenle, tüm bu örneklerin aynı sonucu üretecektir:
Örnek
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
Kendin dene " Örnek
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.valueOf();
Kendin dene " Örnek
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
Kendin dene " Tüm JavaScript nesneleri vardır valueOf() ve toString() metodu.
Komple Dizi Referans
Tam bir referans için lütfen gidin Komple JavaScript Dizi Referans .
referans tüm dizi özellikleri ve yöntemleri tanımlar ve örnekler içerir.
Egzersizleri ile Yourself test edin!
Egzersiz 1 » Alıştırma 2» Egzersiz 3 » Egzersiz 4» Egzersiz 5 »