JavaScript: Dizilerde Kullanılan Bazı Metodlar Ve Örnekleri

JavaScript programlama ile dizilerde(array) sık kullanılan metodlar ve kullanımlarına ait örnekleri;

filter()Kendisine gönderilen fonksiyondan geçen tüm elemanlardan yeni bir dizi oluşturur.
concat()Çağrıldığı dizi ile metodaa gönderilen dizi yada değerleri ekleyip geriye dizi döndürür.
join() Dizideki tüm değerleri belirtilen yapıştırıyıcıya göre birleştirir.
indexOf()Kendisine gönderilen parametre ile dizide aramayapıp bulduğu ilk indexi döndürür. eğer dizide yoksa aranan değer -1 değerini çevirir.
pop()Dizideki son değeri diziden atar.
push()Belirtilen elemanları dizinin sonuna ekler.
reverse()Diziyi ters çevirir.
sort()Diziyi sıralar.

filter()

<script> //filter metodu kendisine gönderilen fonksiyondan geçen tüm elemanlardan yeni bir dizi oluşturur. function buyukSayilar(deger) { return deger >= 25; } var yeni_dizi = [12, 5, 8, 130, 44].filter(buyukSayilar); // yeni_dizi degeri: [130, 44] document.write(yeni_dizi); </script>
12345678910111213141516 <script> //filter metodu kendisine gönderilen fonksiyondan geçen tüm elemanlardan yeni bir dizi oluşturur. functionbuyukSayilar(deger){returndeger>=25;} varyeni_dizi=[12,5,8,130,44].filter(buyukSayilar);// yeni_dizi degeri: [130, 44] document.write(yeni_dizi); </script>

concat()

<script> //concat metodun çağrıldığı dizi ile metodaa gönderilen dizi yada değerleri ekleyip geriye dizi döndürür. // var yenidizi = eskidizi.concat(deger1[, deger2[, ...[, degerN]]]) var mevveler = ["Elma", "Muz"]; var sebzeler = ["Brokoli", "Lahana"]; var bitkiler=[]; bitkiler= sebzeler.concat(mevveler); document.write(bitkiler); //ekran çıktısı: Brokoli,Lahana,Elma,Muz </script>
1234567891011121314 <script> //concat metodun çağrıldığı dizi ile metodaa gönderilen dizi yada değerleri ekleyip geriye dizi döndürür.// var yenidizi = eskidizi.concat(deger1[, deger2[, ...[, degerN]]])varmevveler=["Elma","Muz"];varsebzeler=["Brokoli","Lahana"];varbitkiler=[]; bitkiler=sebzeler.concat(mevveler);document.write(bitkiler);//ekran çıktısı: Brokoli,Lahana,Elma,Muz </script>

indexOf()

<script> //indexOf() metodu kendisine gönderilen parametre ile dizide aramayapıp bulduğu ilk indexi döndürür. eğer dizide yoksa aranan değer -1 değerini çevirir. var dizi = [2, 9, 9]; dizi.indexOf(2); // 0 dizi.indexOf(7); // -1 dizi.indexOf(9, 2); // 2 dizi.indexOf(2, -1); // -1 dizi.indexOf(2, -3); // 0 </script>
12345678910111213 <script> //indexOf() metodu kendisine gönderilen parametre ile dizide aramayapıp bulduğu ilk indexi döndürür. eğer dizide yoksa aranan değer -1 değerini çevirir.vardizi=[2,9,9];dizi.indexOf(2);// 0dizi.indexOf(7);// -1dizi.indexOf(9,2);// 2dizi.indexOf(2,-1);// -1dizi.indexOf(2,-3);// 0 </script>

join()

<script> //join() methodu dizideki tüm değerleri belirtilen yapıştırıyıcıya göre birleştirir. var mevveler = ["Elma", "Muz","Üzüm","Portakal"]; var dizi1 = meyveler.join(","); //Elma,Muz,Üzüm,Portakal var dizi2 =meyveler.join("+"); //Elma+Muz+Üzüm+Portakal </script>
1234567891011 <script> //join() methodu dizideki tüm değerleri belirtilen yapıştırıyıcıya göre birleştirir. varmevveler=["Elma","Muz","Üzüm","Portakal"]; vardizi1=meyveler.join(",");//Elma,Muz,Üzüm,Portakalvardizi2=meyveler.join("+");//Elma+Muz+Üzüm+Portakal</script>

pop()

<script> //pop() methodu dizideki son değeri diziden atar. var mevveler = ["Elma", "Muz","Üzüm","Portakal"]; var son_meyve=mevveler.pop(); //meyveler yeni hali ["Elma", "Muz", "Üzüm"] //son_meyve : "Portakal" </script>
1234567891011121314 <script> //pop() methodu dizideki son değeri diziden atar. varmevveler=["Elma","Muz","Üzüm","Portakal"]; varson_meyve=mevveler.pop(); //meyveler yeni hali ["Elma", "Muz", "Üzüm"]//son_meyve : "Portakal" </script>

push()

<script> // push() methodu belirtilen elemanları dizinin sonuna ekler. var mevveler = ["Elma", "Muz"]; meyveler.push("Üzüm","Portakal"); //meyveler yeni hali : ["Elma", "Muz","Üzüm","Portakal"]; </script>
123456789101112 <script> // push() methodu belirtilen elemanları dizinin sonuna ekler. varmevveler=["Elma","Muz"];meyveler.push("Üzüm","Portakal"); //meyveler yeni hali : ["Elma", "Muz","Üzüm","Portakal"]; </script>

reverse()

<script> //reverse() methodu diziyi ters çevirir. var mevveler = ["Elma", "Muz","Üzüm","Portakal"]; meyveler.reverse(); //meyveler yeni hali: ["Portakal","Üzüm","Muz","Elma"] </script>
1234567891011 <script> //reverse() methodu diziyi ters çevirir.varmevveler=["Elma","Muz","Üzüm","Portakal"];meyveler.reverse(); //meyveler yeni hali: ["Portakal","Üzüm","Muz","Elma"] </script>

sort()

<script> //sort() methodu diziyi sıralar. var mevveler = ["Elma", "Muz","Ayva","Portakal"]; mevveler.sort(); //meyveler yeni hali ["Ayva", "Elma", "Muz", "Portakal"] </script>
123456789101112 <script> //sort() methodu diziyi sıralar.varmevveler=["Elma","Muz","Ayva","Portakal"]; mevveler.sort(); //meyveler yeni hali ["Ayva", "Elma", "Muz", "Portakal"] </script>

Diğer Örnekler:

  • JavaScript Hipotenüs Hesaplama Örneği
  • JavaScript Sayısal Loto Örneği
  • JavaScript Varmısın Yokmusun Örneği
  • JavaScript Dizi İçindeki En Büyük En Küçük Sayıyı Bulma Örneği
  • JavaScript Dikdörtgen Alan ve Çevre Hesaplama Örneği
  • JavaScript Asal Sayı Kontrol Etme Örneği
  • JavaScript Daire Alanı ve Çevresini Hesaplama Örneği
  • JavaScript Faktoriyel Hesaplama Örneği
  • JavaScript While Döngüsü Örnekleri
  • JavaScript Metin İçinde Arama Yapma Örneği
  • JavaScript Switch Case Kullanımı Örneği
  • JavaScript Rastgele Sayı Üretme Örneği
  • JavaScript Girilen Sayının Negatif Pozitif Olduğunu Bulan Örnek
  • JavaScript Sayfa Arkaplan Rengini Rastgele Değiştirme Örneği
  • JavaScript Dizi Metotları Örnekleri
  • JavaScript Km-Mil Çevirme Örneği
  • JavaScript Derece-Fahrenayt Çevirme Örneği
  • JavaScript Gün İsmini Ekrana Yazdırma Örneği
  • JavaScript Sayı Tahmin Oyunu Örneği
  • JavaScript Console Log Kullanımı
  • JavaScript Kürenin Hacmini Hesaplama Örneği
  • JavaScript Üçgenin Alanını Hesaplama Örneği
  • JavaScript Çarpım Tablosu Örneği
  • JavaScript 3′ e ve 5′ e Tam Bölünebilme Örneği
  • JavaScript Karenin Alanı ve Çevresini Hesaplama Örneği
  • JavaScript Yazılı Ortalaması Hesaplama Örneği
  • JavaScript Try-Catch-Finally Kullanımı Örneği
  • JavaScript Div İçeriğini Temizleme Örneği
  • JavaScript Switch-Case Kullanımı Örneği
  • JavaScript Buttona tıklandığında Kod Çalıştırma Örneği
  • JavaScript events(olay) kullanımı Örnekleri
  • JavaScript For Döngüsü Karışık Örnekler
  • JavaScript Tarih ve Saat Yazdırma Örneği
  • JavaScript Fonksiyon Kullanımı Örneği
  • JavaScript Vize Final Hesaplama Örneği
  • JavaScript onInput Olay Kullanımı Örneği
  • JavaScript Kayan Yazı Örneği
  • JavaScript Kombinasyon Hesaplama
  • JavaScript radio Kullanarak Dört İşlem Örneği
  • JavaScript Toplama Çıkarma Çarpma Bölme Örneği
  • JavaScript Sayfayı Tam Ekran Yapma Örneği
  • JavaScript Fare Konumunu Öğrenme Örneği
  • JavaScript Object Kullanımı Örneği
  • JavaScript Kalan Karakter Bulma- Karakter Sayma Örneği
  • JavaScript Mükemmel Sayı Kontrol Etme Örneği

Bunu paylaş:

  • X
  • Facebook

Từ khóa » Html Dizi örnekleri