Belirli bir uzunlukta diziler oluşturmak JavaScript’te yaygın bir görevdir. JavaScript dizileri dinamik olsa da, önceden belirlenmiş bir boyuta başlatmak kod okunabilirliğini ve bazı durumlarda performansı artırabilir. Bu makale, bunu başarmak için etkili teknikleri inceliyor.
İçerik Tablosu
Array()
Oluşturucusu ile Dizi Oluşturmafill()
ile Dizileri Doldurmamap()
ile Dizi Üretme- Yöntemlerin Karşılaştırılması
Array()
Oluşturucusu ile Dizi Oluşturma
En basit yöntem Array()
oluşturucusunu kullanır. Tek bir sayısal bağımsız değişken sağlamak, başlangıçta undefined
değerlerle dolu bu uzunlukta bir dizi oluşturur:
const arrayLength = 5;
const myArray = new Array(arrayLength);
console.log(myArray); // Çıktı: [ , , , , ] (veya tarayıcınızın konsoluna bağlı olarak [ ])
console.log(myArray.length); // Çıktı: 5
Bu, başlangıç değerlerinin önemli olmadığı diziler oluşturmak için etkilidir. Konsoldaki görsel gösterimin değişebileceğini unutmayın.
fill()
ile Dizileri Doldurma
Belirli bir değerle başlatılan diziler için, fill()
yöntemi oldukça verimli ve okunabilirdir:
const arrayLength = 5;
const defaultValue = 0;
const myArray = new Array(arrayLength).fill(defaultValue);
console.log(myArray); // Çıktı: [0, 0, 0, 0, 0]
console.log(myArray.length); // Çıktı: 5
fill()
diziyi doğrudan doldurur ve bu yaygın senaryo için tercih edilen seçim haline getirir.
map()
ile Dizi Üretme
Değerleri dinamik olarak oluşturmanız gerekiyorsa, map()
yöntemi esneklik sağlar. Array()
oluşturucu ile birleştirildiğinde, tek bir adımda bir dizi oluşturabilir ve doldurabilirsiniz:
const arrayLength = 5;
const myArray = Array(arrayLength).fill().map((_, index) => index * 2); //Dizinin oluşturulması için fill() kullanımına dikkat edin
console.log(myArray); // Çıktı: [0, 2, 4, 6, 8]
console.log(myArray.length); // Çıktı: 5
Bu örnek, indekse bağlı olarak değerler oluşturur, ancak map()
istenen dizi içeriğini oluşturmak için herhangi bir mantığı işleyebilir.
Yöntemlerin Karşılaştırılması
Daha önce apply()
yöntemi önerilmiş olsa da, fill()
genellikle tek bir değerle dizi başlatmak için daha iyi okunabilirlik ve performans sağlar. Array()
oluşturucu, belirli bir uzunlukta boş diziler oluşturmak için kullanışlı olmaya devam eder. map()
dinamik değer üretmeniz gerektiğinde öne çıkar.
İhtiyaçlarınıza en uygun yöntemi seçin. Sabit bir değerle basit başlatma için, fill()
önerilen yaklaşımdır.