Двовимірні масиви - основи 1/2

Двовимірний масив створюється як масив, який містить інші масиви. Ось базовий синтаксис:

const numbers = [
  [1, 2, 3],  // перший рядок
  [4, 5, 6],  // другий рядок
  [7, 8, 9]   // третій рядок
]; 

Доступ до елементів:
Елементи масиву можна отримати за допомогою індексів, вказаних у квадратних дужках.

console.log(numbers[0][0] ); // Виведе перший елемент першого рядка (1).
console.log(numbers[1][2] ); // Виведе третій елемент другого рядка (6). 

Зміна елементів:
Якщо потрібно змінити елемент у двовимірному масиві, це можна зробити, вказавши обидва індекси.

let matrix = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
];
matrix[2][1] = 100;  // Змінимо другий елемент у третьому рядку на 100
console.log(matrix);  // Виведе [[1, 2, 3], [4, 5, 6], [7, 100, 9]] 

Щоб вивести кожен елемент двовимірного масиву, можна використати вкладені цикли. Зовнішній цикл проходить по рядках, а внутрішній — по елементах всередині кожного рядка.

Структура:
Зовнішній цикл for проходить через всі рядки масиву (використовуємо matrix.length).
Внутрішній цикл for проходить через елементи всередині кожного рядка (використовуємо matrix[i].length).

let matrix = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
];
// Перебір масиву для виведення кожного елемента
for (let i = 0; i < matrix.length; i++) {           // Зовнішній цикл: перебір рядків
  for (let j = 0; j < matrix[i].length; j++) {      // Внутрішній цикл: перебір елементів у кожному рядку
    console.log(matrix[i][j]);  // Виводимо елемент
  }
}

Зовнішній цикл перебирає рядки масиву за допомогою змінної i, яка проходить від 0 до matrix.length - 1:
i = 0 — перший рядок: [1, 2, 3]
i = 1 — другий рядок: [4, 5, 6]
i = 2 — третій рядок: [7, 8, 9]

Внутрішній цикл перебирає елементи у кожному рядку за допомогою змінної j, яка проходить від 0 до matrix.length - 1:
Якщо i = 0, то matrix[0] = [1, 2, 3], і внутрішній цикл виводить 1, 2, 3.
Якщо i = 1, то matrix[1] = [4, 5, 6], і внутрішній цикл виводить 4, 5, 6.
Якщо i = 2, то matrix[2] = [7, 8, 9], і внутрішній цикл виводить 7, 8, 9.

Таким чином, за допомогою вкладених циклів ми можемо пройти кожен елемент масиву й вивести його.

Як ми вже згадували, двовимірний масив складається з кількох рядків, кожен з яких також є масивом. Щоб дізнатися кількість рядків або кількість елементів у певному рядку, використовується властивість length.

matrix.length — це кількість рядків у двовимірному масиві.
matrix[i].length — це кількість елементів у рядку під індексом i.

let matrix = [
  [1, 2, 3],   // 0-й рядок
  [4, 5, 6],   // 1-й рядок
  [7, 8, 9]    // 2-й рядок
];

console.log(matrix.length);      // Виведе 3 (кількість рядків у матриці)
console.log(matrix[0].length);   // Виведе 3 (кількість елементів у першому рядку) 

У цьому прикладі:
matrix.length дорівнює 3, тому що масив має три рядки.
matrix[0].length також дорівнює 3, тому що в першому рядку масиву є три елементи.

У JavaScript ми використовуємо typeof для того, щоб дізнатися, який тип має змінна. Тип може бути:
'number' — це число.
'string' — це рядок (текст).
'boolean' — це логічне значення (правда або брехня).

Ми можемо перевірити тип змінної за допомогою typeof. Ось як це працює:

let value1 = 25;      // Це число
let value2 = "hello"; // Це рядок
let value3 = true;    // Це boolean (правда)
let value4 = false;   // Це boolean (брехня)

// Перевірка типу
console.log(typeof value1); // Виведе "number"
console.log(typeof value2); // Виведе "string"
console.log(typeof value3); // Виведе "boolean"
console.log(typeof value4); // Виведе "boolean"

Перетворення числа на рядок: Для цього використовуємо метод toString().

let num = 10;
let str = num.toString();  // Перетворюємо число на рядок
console.log(str);  // Виведе "10" як рядок 

Перетворення рядка на число: Щоб перетворити рядок на число, використовуємо функцію Number().

let str = "123";
let num = Number(str);  // Перетворюємо рядок на число
console.log(num);  // Виведе 123 як число 

Тепер давайте перевіримо типи елементів масиву, і якщо це число, перетворимо його на рядок.

let array = [42, "apple", 56, "banana", true, false];
// Перебираємо масив за допомогою циклу
for (let i = 0; i < array.length; i++) {
    // Перевірка типу елемента
    if (typeof array[i] === 'number') {
        array[i] = array[i].toString();  // Перетворюємо число на рядок
    }
    if (typeof array[i] === 'boolean') {
        console.log(`Елемент ${i} є boolean!`); // Виводимо, якщо це boolean
    }
}
console.log(array);  // Виведе масив з перетвореними числами на рядки