[방금 가입했습니다. 첫 번째 게시물 \o/]
저는 동적으로 생성된 div의 10x10 CSS 그리드가 있는 JS를 배우는 데 도움이 되는 'battleblocks' 프로젝트 아이디어를 작업 중입니다. 숫자 1에서 100까지 식별할 수 있으며 왼쪽에서 오른쪽으로 읽습니다(1행은 1,2,3..10, 2행은 11,12..20 등). 10x 배열을 포함하는 중첩된 열 배열을 가질 수 있어야 합니다(columnArray[0]에는 1,11,21..91 포함 - columnArray[1]에는 2,12,22..92 포함 등). 행의 경우에도 동일합니다. 10x 행 배열이 있는 행 배열(rowArray[0]에는 1,2,3..10이 포함되고 rowArray[1]에는 11,12,13..20이 포함됨 등)이 포함됩니다.
나는 열 배열을 전역적으로 선언했지만 지금까지 무엇을 하든 '아, 스냅! 이 웹페이지를 표시하는 동안 문제가 발생했습니다.' 오류.
loadColsArray();
// load column arrays
function loadColsArray() {
let rowsAr = [];
let count = 0;
for (let c = 1; c <= 10; c++) {
for (let r = 0; r <= 100; r + 10) {
rowsAr[count] = c + r;
count++;
}
columnArray[c - 1] = rowsAr;
count = 0;
rowsAr = [];
}
console.log(columnArray);
}
도움을 주시면 감사하겠습니다.
ps: '코드 샘플' 옵션이 붙여넣은 코드를 깨뜨렸기 때문에 코드를 스니펫으로 추가했습니다.
코드에 몇 가지 문제가 있습니다.
"앗 Snap"은 증가하지 않기 때문에 발생하는 코드의 무한 루프로 인해 발생합니다 r
. 를 사용 r += 10
하여 증가 시켜야 합니다 10
.
당신은 초기화 이후 r
에 0
, 당신의 종료 조건이 있어야합니다 r < 100
, 그렇지 않으면 11
반복이 발생합니다.
또한 사용 columnArray
하기 전에 정의해야 합니다(스니펫에 정의되어 있지 않음).
이 시도:
let columnArray = []; // ←
loadColsArray();
// load column arrays
function loadColsArray() {
let rowsAr = [];
let count = 0;
for (let c = 1; c <= 10; c++) {
for (let r = 0; r < 100; r += 10) { // ←
rowsAr[count] = c + r;
count++;
}
columnArray[c - 1] = rowsAr;
count = 0;
rowsAr = [];
}
console.log(columnArray);
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다