JavaScript "For of" ve "For in" Döngüleri

for of ve for in döngüleri JavaScript'te farklı amaçlarla kullanılırlar. Bu döngülerin kullanım amaçları ve farklılıkları, kod yazarken doğru seçimi yapmanızı sağlar.


"For of" döngüsü

Genellikle iterable (yinelenebilir) nesneleri, yani Array, String, Map, Set gibi veri yapıları üzerinde döngü kurmak için kullanılır. Örnek Kullanım:

const array = ['elma', 'armut', 'muz'];

for (const meyve of array) {
    console.log(meyve);
}

// Çıktı:
// elma
// armut
// muz


Özellikler:
- for of, iterable nesnelerin elemanlarını direkt olarak döndürür.
- Diziler, stringler, Map ve Set gibi yapılar üzerinde kullanılabilir.
- for of döngüsü, nesne özellikleri üzerinde çalışmaz.


"For in" döngüsü

Nesnelerin (object) üzerinde döngü kurarak, nesnenin kendi enumerable (enumerable) özelliklerini ve prototip zincirindekileri döndürmek için kullanılır. Örnek Kullanım:

const obj = { elma: 1, armut: 2, muz: 3 };

for (const meyve in obj) {
    console.log(`${meyve}: ${obj[meyve]}`);
}

// Çıktı:
// elma: 1
// armut: 2
// muz: 3


Özellikler:
- for in, nesnenin kendi ve prototip zincirindeki tüm enumerable özelliklerini döndürür.
- Nesne (object) ve array (dizi) üzerinde kullanılabilir, fakat arrayler üzerinde kullanımı önerilmez çünkü array indekslerini string olarak döndürür.
- for in döngüsü, iterable nesneler üzerinde çalışmaz.


Her iki döngü de farklı amaçlara hizmet eder ve doğru kullanıldıklarında kodunuzu daha okunabilir ve etkili hale getirir.

Javascriptte "document" Ne işe yarar ?

JavaScript'te document nesnesi, HTML veya XML belgesinin kökünü temsil eder ve belgedeki öğelere erişmek, bu öğeler üzerinde değişiklik yapmak ve yeni öğeler oluşturmak için kullanılan ana nesnedir. document nesnesi, tarayıcıda yüklenen her web sayfası için otomatik olarak oluşturulur ve bir dizi özellik ve metod sunar. İşte document nesnesinin bazı temel kullanım alanları:


Belgeye Erişim: HTML belgesinin yapısına erişmek ve bu yapıyı değiştirmek için kullanılır.

let element = document.getElementById('myElement');


Yeni Öğeler Oluşturma: Yeni HTML öğeleri oluşturmak için kullanılır.

let newElement = doc...

JavaScript ile Exel dosyası nasıl okunur?

JavaScript ile Exel dosyası okumanın birden çok yöntemi olabilir. Fakat bilinmelidir ki JavaScript bu yazının yazıldığı tarihte maalesef ki doğrudan Exel dosyasını okuyamamaktadır. Exel dosyasını okumak için farklı bazı kütüphalere ihtiyaç duymaktayız. Bunlar `xlsx` ve `exceljs` gibi oldukça popüler olan bazı Exel okuma kütüphanleridir.

Biz bugünkü yazımızda `xlsx` kütüphanesini kullanarak nasıl tarayıcı ortamında Exel dosyasını okuyabiliriz bunu nasıl JSON veya JS nesnesi formatına dönüştürebiliriz sorusuna cevap arayacağız.

İlk olarak projemizin içerisine CDN linki üzerinden XLSX paketini alıyoruz.


<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.3/...