Yükleniyor...

Dizi yöntemleri

Renk sayfasında bir gözün üzerine yazmak sayıyı yerinden oynatmıyordu. Burada ekmek, süt ve yumurta olan bir sepet var. Bir çağrı bu kalemleri çoğaltabilir de azaltabilir de.

Sayı yerinden oynayabilir

Bu beş çağrı, elinde duran dizinin kendisini değiştirir; dizge araçlarının verdiği taze metin değildir ve nesneye kendi koyduğun işlev de değildir. push, pop, unshift, shift ve splice listenin hazır araçlarıdır.

Bir kartta beş çağrı

Kartı örneklerin yanında tut, her seferinde üste dönmeyesin. Çoğu zaman dönen değer sepetin kendisi değildir. Bir sayıdır, giden kalemdir ya da küçük bir dizidir.

📊 Beş dizi çağrısı

Çağrı Nerede işler Ne döner length
push son yeni uzunluk verdiğin kalem sayısı kadar uzar
pop son çıkan kalem bir azalır
unshift baş yeni uzunluk verdiğin kalem sayısı kadar uzar
shift baş çıkan kalem bir azalır
splice senin seçtiğin indeks çıkarılanların küçük dizisi silme sayısı kadar kısalır

Ekleyen çağrılar yeni uzunluğu sayı olarak verir, bir uçtan alan çağrılar ise kalemin kendisini. splice tek göz silinse bile küçük bir dizi döndürür ve sözcük o sonucun 0 indeksinde durur.

Çay sonda

Sepet ekmek, süt ve yumurta ile başlar. push çayı yumurtanın arkasına koyar. Hemen duyduğun sayı, şu an kaç göz olduğudur.

Çayı sona koy

javascript 
let cart = ["bread", "milk", "eggs"];
let n = cart.push("tea");
console.log(n);
console.log(cart[3]);
console.log(cart.length);

n 4 eder, yani yeni uzunluk, tea sözcüğü değil. İndeks 3 çayı tutar ve length de 4’tür çünkü sona tek kalem eklenmiştir. İki argüman iki göz büyüme demektir. Burada bir argüman veriyoruz ki sayı okunaklı kalsın.

Son kalemi al

javascript 
let cart = ["bread", "milk", "eggs"];
let gone = cart.pop();
console.log(gone);
console.log(cart.length);

Son kalem gider

pop yumurtayı sondan kaldırır ve o dizgeyi geri verir, length de 2 olur. Sepette ekmek, ardından süt kalır. Bu çağrı yeni uzunluğu vermez. Boş sepet undefined verirdi ve bu sayfanın örnekleri boştan başlamaz.

Çayı öne koy

javascript 
let cart = ["bread", "milk", "eggs"];
let n = cart.unshift("tea");
console.log(n);
console.log(cart[0]);
console.log(cart[1]);

Ön taraf yeni

unshift de 4 döndürür çünkü bu yeni uzunluktur ve indeks 0 artık çaydır. Ekmek, bir gözün üzerine yazılmadan indeks 1’e kayar. Her eski kalem sona doğru bir adım gider.

Öndeki kalemi al

javascript 
let cart = ["bread", "milk", "eggs"];
let gone = cart.shift();
console.log(gone);
console.log(cart[0]);
console.log(cart.length);

Ön taraf boşalır

shift ekmeği döndürür, yani giden kalemi, bir uzunluğu değil. Ardından indeks 0 süttür ve length 2’dir. Yumurta hâlâ sondadır. Yalnızca yeri indeks 1 olmuştur.

Ortadaki gözü kes

javascript 
let cart = ["bread", "milk", "eggs"];
let removed = cart.splice(1, 1);
console.log(removed[0]);
console.log(cart.length);
console.log(cart[1]);

Senin seçtiğin göz

İlk argüman başlangıç indeksidir, ikincisi kaç göz silineceğini söyler. Süt gider ve removed tek gözlük bir dizidir, bu yüzden removed[0] süttür, çağrının kendisi süt dizgesi değildir. length 2 olur ve indeks 1 yumurtadır, çünkü ekmek 0’da kalmış, yumurta boşluğu kapatmıştır. Silme sayısı olarak 0 verirsen silmeden ekleme olur. O biçimi şimdilik bırak.

Sayfa yeni uzunluğu basar

Çayı push ile ekle. Sonra length değerini paragrafa yaz. Satır adet olmalı, alışveriş listesi değil.

Sayfa örneği — push sonrası uzunluk

html 
<!DOCTYPE html>
<html>
<head>
<title>array-methods — page</title>
</head>
<body>
<p id="line">…</p>
<script>
let cart = ["bread", "milk", "eggs"];
cart.push("tea");
let box = document.getElementById("line");
box.textContent = cart.length;
</script>
</body>
</html>

Paragraf 4 gösterir. Eklenen dizgeyi çaydan reçele çevirip sayfayı yenile; satır 4 kalır çünkü hâlâ bir kalem ekliyorsun. Sözcük değişti, sayı değişmedi. Ekmek, süt ve yumurta, push ile koyduğun şeyin önünde durur.

Taze sepette dene

  1. Ekmek, süt ve yumurtanın sonuna push ile çay koy, dönen sayıyı da indeks 3’ü de oku.
  2. Bir kez pop çağır, silinen sözcüğü ve yeni uzunluğu oku, sonra unshift ile çayı öne koyup indeks 0 ve 1’e bak.
  3. Bir kez shift çağır, giden sözcüğü ve yeni indeks 0’ı oku, ardından indeks 1’den bir göz silen splice yap ve removed[0] ile uzunluğu yan yana koy.
  4. Sayfada çayı push et, yenile, satırı oku, sonra çayı reçel yapıp bir kez daha yenile.

Puan kaybedilen yerler

  • Göz eklemek isterken cart[1] = "tea" yazdın ya da push ile pop parantezlerini unuttun
  • pop değerini yeni uzunluk sandın
  • splice’in süt dizgesini çıplak vereceğini bekledin, dizi değil
  • unshift sonrası indeks 0’ın hâlâ ekmek olduğunu sandın ya da bu sayfayı her öğeyi gezmek ve değere göre aramakla karıştırdın

Bunlar kalsın

  • Bu çağrılar aynı diziyi işler
  • push ile unshift yeni uzunluğu, pop ile shift giden kalemi döndürür
  • splice çıkarılanların küçük bir dizisini verir
  • Paragraf push sonrası yalnız uzunluğu gösterebilir
  • Sıradaki ders dizide gezinme, dizide arama ondan sonra gelir

🧠 Bilginizi Test Edin

Başlamaya Hazır

Bilginizi Test Edin

Bu interaktif sınavla kendini test et ve konuyu ne kadar iyi anladığını gör

❓
8
Sorular
🎯
70%
Geçmek İçin
♾️
∞
Süre
🔄
∞
Deneme

📝 Talimatlar

  • Her soruyu dikkatle okuyun
  • Her soru için en iyi cevabı seçin
  • Quiz'i istediğiniz kadar tekrar alabilirsiniz
  • İlerlemeniz üstte gösterilecek
Konu 39 / 41
Javascript Ders