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

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

<html>
<body>

<script type=text/javascript”>

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

<html>
<body>

<script type=text/javascript”>

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.

<html>
<body>

<script type=text/javascript”>

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

<html>
<body>

<script type=text/javascript”>

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.

<html>
<body>

<script type=text/javascript”>

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.

<html>
<body>

<script type=text/javascript”>

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ı

</script>

</body>
</html>

7.Dizi elemanlarını sıralama Array.Sort

Dizi elemanlarını küçükten büyüğe sıralayark sonuç döndürür.

<html>
<body>

<script type=text/javascript”>

var meyva = [“Elma”, “Armut”, “Kel”, “Mahmut”];
document.write(meyva.sort());// diziyi a’dan Z’ye sıraladı Armut,Elma,Kel,Mahmut yazdı

</script>

</body>
</html>

 

  • ebru

    hocam bilginiz için teşkkürler çok işime yaradı:)

    • BilisimOgretmeni

      faydalı olduysa ne mutlu 🙂 iyi çalışmalar

Pin It on Pinterest