Javascript Dizilere Giriş Dizi Tanımlama, Diziler Üzerindeki İşlemler 2

admin tarafından

5 Mart 2012 663 kez okundu Okuma süresi: 3dk, 3sn

Bir önceki dersimizd javascript dizi tanımla işleminden bahsetmiştik şimdide diziler üzerinde işlem yapabileceğimiz bazı fonksiyonları örnekler ile açıklayalım..

1.Dizileri birleştirme Array.concat

Farklı iki diziyi birleştirerek yeni bir dizi elde edilmesini sağlar

var dizi1 = [“Ali”, “Veli”];
var dizi2 = [“49”, “50”];
var tekdizi =dizi1.concat(dizi2);// tekdizi değişkenine dizi1 sonuna dizi2 ekleyerek atıyoruz
document.write(tekdizi);

</script>

</body>
</html>

2.Dizi Elemanlarını birleştirme Array.join

Dizi içindeki tüm elemanları birleştirerek tek bir değişkene atar

var meyva = [“Elma”, “Armut”, “Kel”, “Mahmut”]; // Meyva isimli dizi tanımlandı
document.write(meyva.join() + “<br />“); // tüm dizi elemanları yazdırılıp bir alt satıra indi
document.write(meyva.join(“+“) + “<br />“); // dizi elemanlarını aralarında + ekleyerek yazdı
document.write(meyva.join(” ve “)); //dizi elemanlarını aralarına ve ekleyerek yazdı

</script>

</body>
</html>

3.Diziden Son Elemanı Silme Array.pop

Dizi içindeki son elemanı sonuç olarak verir ve o elemanı dizi içeriğinden siler.

var meyva = [“Elma”, “Armut”, “Kel”, “Mahmut”];
document.write(meyva.pop() + “<br />“);// Dizin son elemanı yani Mammut yazdı ve diziden sildi
document.write(meyva + “<br />“);//diziyi yazdı çıktıda mahmut yok çünkü silindi :)
document.write(meyva.pop() + “<br />“);//Şimdi son eleman Kel onu yazdı ve sildi
document.write(meyva);//artık dizide Elma ve Armut Kaldı

</script>

</body>
</html>

4.Diziyi Ters Çevirme Array.reverse

Dizi içindeki elemanları son eleman en başa, ilk eleman da en sona gelecek şekilde yeniden düzenler

var meyva = [“Elma”, “Armut”, “Kel”, “Mahmut”];
document.write(meyva.reverse()); // Diziyi ter çevirdi ve Mahut Kel Armut Elma yazdı .. :)

</script>

</body>
</html>

5.Diziden İlk Eleman silme Array.shift

Dizinin ilk elemanını verir ve dizi içeriğinden siler.

var meyva = [“Elma”, “Armut”, “Kel”, “Mahmut”];
document.write(meyva.shift() + “<br />“);//ilk elemanı Elma yı yazdı diziden sildi
document.write(meyva + “<br />“); // ekranda Armut,Kel,Mahmut var Elma yok nedençünkü silindi
document.write(meyva.shift() + “<br />“);//ilk eleman artık Armut onuda sildi
document.write(meyva);//ekranda Kel,Mahmut yazdı neden çünkü Armut Silindi

</script>

</body>
</html>

6.Diziden belli bir bölümü almak kopyalamak Array.slice

Dizi içeriğinden belli bir bölümü alarak yeni bir dizi oluşturur.

var meyva = [“Elma”, “Armut”, “Kel”, “Mahmut”];
document.write(meyva.slice(0,1) + “<br />“);//0. elemandan itibaren 1 eleman aldı Elma yazdı
document.write(meyva.slice(1) + “<br />“);//1 elemandan sonrasıno aldı Armut,Kel,Mahmut yazdı
document.write(meyva.slice(–2) + “<br />“);//sondan 2 elamanı aldı Kel,Mahmut
document.write(meyva);//dizinin tümünü yazdı