CodeBlanks Logo Icon CodeBlanks

Çok boyutlu diziler

JavaScript kursu · Başlangıç · Ders 46/133

İç içe dizilerle matris ve tablo benzeri yapıları oluşturmayı öğrenirsin.

İç içe diziler

Bir dizinin elemanları başka diziler olabilir. Buna iç içe dizi (nested array) denir. İki boyutlu ızgara (grid) gibi verileri tutmak için kullanılır.

Örnek: const grid = [[1, 2, 3], [4, 5, 6]]; iki satırlı bir matristir. İlk satır grid[0], ikinci satır grid[1] ile alınır.

Bir hücreye erişmek için iki indeks kullanırsın: grid[0][1] ilk satırın ikinci elemanını (2) verir.

İç içe döngü ile gezme

İç içe diziyi gezmek için iç içe for döngüsü kullanırsın. Dış döngü satırları, iç döngü sütunları dolaşır.

Örnek: for (let i = 0; i < grid.length; i++) { for (let j = 0; j < grid[i].length; j++) { console.log(grid[i][j]); } } her hücreyi sırayla yazdırır.

grid.length satır sayısını, grid[i].length bir satırdaki sütun sayısını verir. Düzgün matriste bunlar sırasıyla satır ve sütun sayısıdır.

Uygulama matrix dizisinden hücre yazdır

matrix adında en az iki satırı olan iç içe bir dizi oluştur. Her satır en az üç sayı içersin. Sonra console.log ile ikinci satırın üçüncü elemanını (matrix[1][2]) yazdır.

Örnek çözümü göster
İki satırlı, her satırda üç sayı olan bir matrix dizisi tanımla, sonra matrix[1][2] ifadesini yazdır.
Örnek çözüm:
const matrix = [[1, 2, 3], [4, 5, 6]];
console.log(matrix[1][2]);

Kendini test et

  1. <code>grid[2][1]</code> ifadesi hangi değeri verir?

    const grid = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
    • 2
    • 5
    • 8
    • 6
    Cevabı göster

    8 — Doğru. grid[2] üçüncü satırdır [7, 8, 9]; grid[2][1] 8 verir.

  2. grid[1][2] ile hücreye eriş

    const grid = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
    const cell = grid[1][____];
    console.log(cell);
    Cevabı göster
    const grid = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
    const cell = grid[1][2];
    console.log(cell);
  3. <code>const grid = [[1, 2, 3], [4, 5, 6]]</code> için ifade eşleştir

    grid.length
    2
    grid[0]
    [1, 2, 3]
    grid[1][0]
    4
    grid[0][2]
    3

Başlangıç bölümündeki tüm dersler