Обьясните каким образом работает вложенный цикл, как переменная S, меняет значения?

Question

[Дмитрий Бутенко]

Есть задача: При нажатии b-13 выполняете функцию f13. Функция должна присвоить переменной a13 массив эмулирующий шахматную доску. Причем массив должен создаваться с помощью циклов. Для проверки - выведите массив в консоль.
Решение:

let a13 = [];
function f13() {  
    let s = 0;   
        for (let i = 0; i < 8; i++) {
               let temp = [];
                  for (let k = 0; k < 8 ; k++) {  
                        temp.push(s);
                          if (s == 0) {
                               s = 1;
                             }   else {
                               s = 0;
                            } 
                         }
                         if (s == 0) {
                              s = 1;
                           }  else {
                              s = 0;
                           } 
                           a13.push(temp); 
                        }
                         console.log(a13);
                     }
                         document.querySelector('.b-13').onclick = f13;

Comments

[Alaska14]

Если сумма индексов И и К чётная - то ноль, иначе - единица.

Answer 1

[Сергей Соколов]

внешний цикл for (let i = 0; ... перебирает, условно, горизонтали (строки).
внутренний цикл for (let k = 0; ... составляет очередную строку из клеточек, перебирает 8 клеток.

переменная s, которая бывает или 1 или 0, означает цвет очередной клетки, и на каждой клетке меняет своё значение.

Может, будет понятнее, если разобрать шахматную доску и все её строки собрать в одну длинную. Для краткости доску 3х3:

0 1 0
1 0 1
0 1 0

размотать:
0 1 0 1 0 1 0 1 0

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

Comments

[Дмитрий Бутенко]

каким образом переменная S принимает значение 1 , либо 0, ведь изначально она равноа 0? вот этот момент не понятен

[Сергей Соколов]

Дмитрий Бутенко, вот в этих блоках:

if (s == 0) {  // если равно нулю
  s = 1;       // сделать единицей
} else {       // иначе (если не равно нулю)
  s = 0;       // сделать нулём
}

[Дмитрий Бутенко]

Сергей Соколов, Спасибо за ответ, теперь понятно(все значения прописываются в ручную)

[Сергей Соколов]

Дмитрий Бутенко, наверное тут уместнее использовать булево значение:

let s = false;
// ...
temp.push(+s); // из true получится 1, из false — 0
// ...
s = !s; // изменять значение

[Дмитрий Бутенко]

Сергей Соколов, я два дня парился , немог понять как , спасибо огромное

[Alaska14]

let a13 = [];

function f13() {
    for (i = 1; i < 9; i++) {
        for (k = 1; k < 9; k++) {
            if ((i + k) % 2 == 0) {
                a13.push(0);
            }
            else {
                a13.push(1);
            }
        }
        a13.push('<br>');
    }
    // a13.;
    document.querySelector('.out-13').innerHTML = a13.join(' ');
}

document.querySelector('.b-13').onclick = f13;

Answer 2

[xmoonlight]

temp.push(s); - формируется одна строка

a13.push(temp); - добавляется к другим строкам

if (s == 0) {
             s = 1;
             }  else {
               s = 0;
            } 
}

- начинаем с 0-ля или с 1-цы следующую по порядку клетку.

Comments

[Дмитрий Бутенко]

спасибо за ответ

[xmoonlight]

Дмитрий Бутенко, Welcome!