URLSearchParams
- Node.js kursu
- Orta seviye
- Ders 107/116
- 5 dk
URLSearchParams ile query string öğrenirsin.
URLSearchParams
URLSearchParams bir URL'nin sorgu dizesini (?anahtar=değer) ayrıştırır ve yönetir. new URLSearchParams("a=1&b=2") ile yaratırsın; .get("a") ile değer alırsın.
Örnek: const params = new URLSearchParams("q=merhaba&s=1"); params.get("q"); "merhaba" döndürür. .has("s") anahtar var mı diye denetler. .set("a", "5") var olanı günceller; .append("c", "3") yeni anahtar ekler. .toString() sorgu dizesini geri verir. Bir URL nesnesinden sorgu almak için url.searchParams özelliği kullanışlıdır; bu zaten bir URLSearchParams nesnesidir. Sorgu dizesi çoklu değerleri de destekler: ?a=1&a=2 için .getAll("a") ["1", "2"] verir.
set, append ve has
URLSearchParams sadece okumaz; yazma da yapar. .set(key, value) var olanı günceller veya yenisini yaratır. .append(key, value) aynı anahtara ikinci değer ekler. .has(key) varlığı denetler.
Örnek: const p = new URLSearchParams("a=1"); p.set("a", "5"); p.append("b", "2"); console.log(p.toString()); çıktısı a=5&b=2'dir. .delete("b") anahtarı kaldırır. .sort() anahtarları alfabetik sıralar. Bu yöntemler bir araya gelince sorgu dizesini programatik oluşturabilirsin: kullanıcı girdisinden filtreleri ekle, .toString() ile URL'ye iliştir. set ile append farkı: set tek değer bırakır, append çoklu değere izin verir.
Uygulama Sorgu parametrelerini ayıkla
const url = new URL("https://example.com/path?q=merhaba&s=1"); ile URL yarat. const params = new URLSearchParams(url.search); ile params al. console.log(params.get("q")) ve console.log(params.get("s")) ile değerleri yazdır.
Başlangıç kodu
// URL yarat
// buraya yaz
// URLSearchParams yarat
// buraya yaz
// q ve s değerlerini yazdır
// buraya yazÖrnek çözüm
const url = new URL("https://example.com/path?q=merhaba&s=1");
const params = new URLSearchParams(url.search);
console.log(params.get("q"));
console.log(params.get("s"));Beklenen çıktı
merhaba 1
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 get çağrısını tamamla
const q = params.____("q");const q = params.get("q");Açıklama: get ile anahtarın değeri alınır.
2 Yöntemi işlevine eşle
| Kavram | Anlamı |
|---|---|
get |
Değeri alır |
set |
Değeri günceller |
append |
Yeni değer ekler |
has |
Varlığı denetler |
3 params.get("yok") ne döndürür?
new URLSearchParams("a=1").get("yok")- Hata fırlatır
- undefined dize
- null Doğru cevap
- Boş dize ""
Açıklama: Olmayan anahtar için null döner.