CodeBlanks Logo Icon CodeBlanks

Sayı yardımcıları

Sayı dönüşüm ve hesaplama fonksiyonlarını eklersin.

Sayı yardımcıları

Şimdi helpers nesnesine bir sayı yardımcısı ekleyeceğiz: clamp. Bu metod bir değeri belirli bir aralıkta tutar. Değer alt sınırdan küçükse alt sınırı, üst sınırdan büyükse üst sınırı döndürür; aksi halde değerin kendisini verir.

Örnek: helpers.clamp = function(value, min, max) { if (value < min) return min; if (value > max) return max; return value; }. helpers.clamp(15, 0, 10) çağrısı 10 döndürür; çünkü 15, 10'dan büyüktür. clamp(-3, 0, 10) ise 0 döndürür. Bu metod oyun skorlarını, ekran koordinatlarını veya yüzde değerlerini sınırlamak için kullanışlıdır. Önceki derslerin çözümünü alıp bu metodu ekleyeceğiz.

clamp kullanımı

clamp metodunu çağırmak da tıpkı capitalize gibidir: helpers.clamp(15, 0, 10). Önceki derslerin çıktısının ardından yeni satırda sonucu yazdırırız. Böylece çıktı birikerek büyümeye devam eder.

Çıktı sırası: Hazır, Merhaba, 10. Her ders bir öncekinin çıktısını korur ve yenisini ekler. Bu, yardımcı kütüphanenin aşama aşama büyüdüğünü gösterir. clamp'in döndürdüğü 10 sayısı console.log ile doğrudan yazdırılır; ek bir dönüşüme gerek yoktur.

Uygulama clamp metodunu ekle ve çağır

Önceki derslerin çözümünü al. helpers.clamp metodunu ekle: gövdesi if (value < min) return min; if (value > max) return max; return value;. console.log(helpers.clamp(15, 0, 10)) ile sonucu yazdır.

Başlangıç kodu

index.js
const helpers = {};
module.exports = helpers;
console.log("Hazır");
helpers.capitalize = function(text) {
  if (!text) return text;
  return text[0].toUpperCase() + text.slice(1);
};
console.log(helpers.capitalize("merhaba"));

// clamp metodunu ekle
// buraya yaz

// clamp'i çağır ve sonucu yazdır
// buraya yaz

Örnek çözüm

index.js
const helpers = {};
module.exports = helpers;
console.log("Hazır");
helpers.capitalize = function(text) {
  if (!text) return text;
  return text[0].toUpperCase() + text.slice(1);
};
console.log(helpers.capitalize("merhaba"));
helpers.clamp = function(value, min, max) {
  if (value < min) return min;
  if (value > max) return max;
  return value;
};
console.log(helpers.clamp(15, 0, 10));

Beklenen çıktı

Hazır
Merhaba
10

Soru ve cevaplar

Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.

1 Parçayı rolüne eşle

Kavram Anlamı
clamp Değeri aralıkta tutar
min Alt sınır
max Üst sınır
value Denetlenen değer

2 clamp gövdesini tamamla

Soru
if (value < min) return min; if (value > ____) return max; return value;
Cevap
if (value < min) return min; if (value > max) return max; return value;

Açıklama: Değer üst sınırdan büyükse max döndürülür.

3 helpers.clamp(15, 0, 10) ne döndürür?

index.js
helpers.clamp(15, 0, 10)
  • 10 Doğru cevap
  • 15
  • 0
  • 5

Açıklama: 15, 10'dan büyük olduğu için 10 döner.

Orta seviye bölümündeki tüm dersler