0Pricing
JavaScript Academy · Ders

Veri Saklama ve Okuma

setItem, getItem ve removeItem kullanın.

Veri Saklama ve Okuma, CoddyKit'te ücretsiz bir JavaScript Academy dersidir. Bu, 4 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, JavaScript Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. JavaScript Academy kursu toplamda 4 dersten oluşur.

Tarayıcıda Anahtar-Değer Depolaması

Web Depolama, tarayıcıda her kaynak için basit bir anahtar-değer deposu sağlar. İki API olan localStorage ve sessionStorage aynı yöntemleri paylaşır ve yalnızca dizeleri saklar.

setItem ile Yazma

setItem(key, value) ile bir değer kaydedin. Her iki bağımsız değişken de dizedir.

localStorage.setItem("theme", "dark");
localStorage.setItem("username", "ada");

getItem ile Okuma

getItem(key) ile bir değeri alın. Anahtar yoksa null döndürür; undefined döndürmez.

const theme = localStorage.getItem("theme"); // "dark"
const missing = localStorage.getItem("nope"); // null

Özellik Erişimi

Nesne özellikleri gibi okuyup yazabilirsiniz; ancak yöntem biçimi daha açıktır ve yerleşik adlarla çakışmaları önler. Yöntemleri tercih edin.

localStorage.theme = "light";       // works
console.log(localStorage.theme);    // "light"

Tek Bir Öğeyi Kaldırma

removeItem(key) ile tek bir girdiyi silin. Var olmayan bir anahtarı kaldırmak zararsızdır ve hiçbir işlem yapmaz.

localStorage.removeItem("username");

Her Şeyi Temizleme

clear(), current kaynağa ait tüm anahtarları siler. Dikkatli kullanın; geri alma işlemi yoktur.

localStorage.clear();

Her Şey Bir Dizedir

Depolama yalnızca dizeleri tutar. Sayılar ve doğru/yanlış değerleri metne dönüştürülür. Bunları geri okurken dize olarak alın ve gerektiğinde dönüştürün.

localStorage.setItem("count", 5);
const n = localStorage.getItem("count"); // "5" (string)
const num = Number(n);                    // 5

Anahtarları Sayma

length özelliği kaç anahtar saklandığını bildirir; key(index) ise bir konumdaki adı döndürür. Döngüyle gezinmek için kullanışlıdır.

console.log(localStorage.length);
const firstKey = localStorage.key(0);

Depolama Üzerinde Gezinme

length ve key() kullanarak depolanan tüm anahtarlar üzerinde döngü kurun. İlerledikçe her değeri okuyun.

for (let i = 0; i < localStorage.length; i++) {
  const k = localStorage.key(i);
  console.log(k, localStorage.getItem(k));
}

Varlığı Denetleme

missing anahtar null döndürdüğünden, varlığını basit bir karşılaştırmayla denetleyebilirsiniz.

if (localStorage.getItem("token") !== null) {
  console.log("user has a token");
}

Yalnızca Aynı Kaynak

Depolama, kaynağa göre kapsanır (şema + ana makine + bağlantı noktası). Bir site başka bir sitenin depolamasını okuyamaz; http ile https de farklı kaynaklar sayılır.

Hızlı Kontrol

Web Depolama'yı okuma ve yazma.

Özet

Web Depolama, kaynak başına tutulan dize türünde bir anahtar-değer deposudur. setItem, yoksa null döndüren getItem, removeItem ve clear kullanın. length ve key(i) ile üzerinde gezinin. Her şey bir dize olduğundan türleri kendiniz dönüştürün; depolama her kaynak için yalıtılmıştır.

Sıkça Sorulan Sorular

“Veri Saklama ve Okuma” dersi ücretsiz mi?

Evet — “Veri Saklama ve Okuma” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve JavaScript Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. JavaScript Academy kursu toplamda 4 dersten oluşur.

“Veri Saklama ve Okuma” dersinde ne öğreneceğim?

setItem, getItem ve removeItem kullanın. JavaScript Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

JavaScript Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te JavaScript Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 1. dersidir.

“Veri Saklama ve Okuma” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu JavaScript Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her JavaScript Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

  1. Veri Saklama ve Okuma
  2. localStorage ve sessionStorage Karşılaştırması
  3. JSON ile Nesne Saklama
  4. Depolama Olayları ve Sınırlar
← JavaScript Academy Sayfasına Dön