JS цикл, который увеличивает каждые 3 петли, но первое число увеличивается на единицу

Question

Узор должен быть следующим

k_1_1 k_1_2 k_1_3

k_2_1 k_2_2 k_2_3

можно создать первый блок, но не могу понять, как создать цикл для продолжения.

Любая помощь будет оценена по достоинству.

<script> 
for (var x = 1; x <= 3; x++){ 
    var x2 = 0; x2 <=3; x2++; 
    var thisKName = "k_" + x2 + "_" + x + "<br>"; 
    document.write(thisKName); 
} 
</script> 

Answer 1

Гнездо петли:

for (var x = 1; x <= 3; x++){ 
    for(var x2 = 0; x2 <=3; x2++){ 
     var thisKName = "k_" + x + "_" + x2 + "<br>"; 
     document.write(thisKName); 
    } 
} 

Answer 2

Инициализировать переменную счетчика вне для цикла. Затем в цикле for есть инструкция if, которая проверяет, делится ли значение x на этом шаге на 3. x % 3 = 0 означает, что нет остатка и делится на 3. Увеличьте свою переменную счетчика.

var i = 0; 
for(var x = 1; x <= 3; x++) { 
    if((x - 1) % 3 == 0) { 
     i = i + 1; 
    } 
    var thisKName = "k_" + x + "_" + i + "<br>"; 
    document.write(thisKName); 
} 

РЕДАКТИРОВАТЬ

Обновленной функцию, чтобы включать в себя document.write и избежать i от приращения до 2, когда x = 3 и испортить структуру.