Şimdi yükleniyor

JavaScript “Length” Özelliği ile Veri Kontrolü

Javascript ile length Kullanımı

JavaScript’te Length Özelliği Nedir?

JavaScript’te length özelliği, farklı veri türlerinin uzunluğunu hesaplamak için kullanılan bir metottur. Bu özellik;

  • Dizeler (strings),
  • Diziler (arrays),
  • ve bazen objelerde oldukça kullanışlıdır.

Örneğin:

  • Bir dizenin kaç karakterden oluştuğunu bulabilirsiniz.
  • Bir dizide kaç eleman olduğunu öğrenebilirsiniz.
  • Dinamik işlemlerde kullanıcı girişlerinin uzunluğunu kontrol edebilirsiniz.

Length Kullanım Alanları

1. Dizelerde Kullanımı
Bir dizenin uzunluğunu öğrenmek için length özelliğini kullanabilirsiniz.

let metin = "Merhaba, Ben Serdar Karaca!";
console.log(metin.length); // Çıktı: 27

2. Dizilerde Kullanımı
Dizideki eleman sayısını bulmak için:

let sayilar = [10, 20, 30, 40, 50];
console.log(sayilar.length); // Çıktı: 5

3. Dinamik Veri Kontrolü
Kullanıcının form girişlerini kontrol etmek için:

let kullaniciAdi = "SerdarKaraca";
if (kullaniciAdi.length < 8) {
  console.log("Kullanıcı adı en az 8 karakter olmalı.");
}

HTML

<div class="container">
    <h1>Length Özelliği</h1>
    <p>Bir metin veya dizi uzunluğunu öğrenmek için kullanabilirsiniz.</p>
    <input type="text" id="userInput" placeholder="Metin veya dizi elemanlarını girin">
    <button onclick="hesapla()">Uzunluğu Hesapla</button>
    <div class="result" id="result">Sonuç burada görüntülenecek.</div>
  </div>

Javascript

function hesapla() {
const input = document.getElementById('userInput').value;
let sonuc;

  try {
    // JSON.parse ile dizi olup olmadığını kontrol ediyoruz
    const parsed = JSON.parse(input);
    if (Array.isArray(parsed)) {
      sonuc = `Dizi uzunluğu: ${parsed.length}`;
    } else {
      throw new Error('Geçerli bir dizi değil');
    }
  } catch {
    // Dize uzunluğunu kontrol ediyoruz
    sonuc = `Dize uzunluğu: ${input.length}`;
  }

  document.getElementById('result').innerText = sonuc;
}

Yukarıda paylaştığım kodların çalışan bir örneğini aşağıda ki bağlantılardan inceleyebilirsiniz.

github-logo JavaScript "Length" Özelliği ile Veri Kontrolü
codepen-logo JavaScript "Length" Özelliği ile Veri Kontrolü
Javascript konusuyla ilgili yazdığım tüm yazıları bu bağlantıdan veya github hesabımdan inceyebilirsiniz.

Bir Yorum Yazın