[JavaScript] 한 살도 이해하는 2차원 배열

2차원 배열 in JavaScirpt

자바스크립트 자체에는 2차원 배열이 없다. 

따라서 const arr = [][] 처럼 한 번에 2차원 배열을 선언할 수 없다.

하지만, 테크닉을 이용해 2차원 배열과 비슷한 배열을 만들 수 있다.

 

 

1️⃣ 반복문으로 빈 2차원 배열 생성 

const board = new Array(n);
for(let i=0; i < n; i++){
	board[i] = new Array(n);
}

 

 

2️⃣ 반복문으로 직접 값을 할당해 배열 생성 

board = [];
for(let i=0; i < n; i++){
	board[i] = []
	for(let j=0; j < n; j++){
		board[i][j] = '.';
	}
}

 

3️⃣ Array.from() 메서드를 이용해 2차원 배열 생성 (ES6+)

// arr[4][4] 빈 배열 생성
const arr = Array.from(Array(4), () => new Array(4))

// arr[4][2]을 0으로 초기화한 배열 생성
const arr = Array.from(Array(4), () => new Array(2).fill(0)

 

Array.from() 참고

Array.from() 메서드는 유사 배열 객체(array-like object)나 반복 가능한 객체(iteralbe object)를

shallow copye(얕은 복사)해 새로운 객체를 만들어준다.

첫번째 인자로 얕게 복사할 객체를 전달하고, 두번째 인자로 배열의 모든 요소에 대해 호출할 Mapping 함수를 전달한다.

Array.from(arrayLike[, mapFn[, thisArg]])

Array.from('foo');
// expected output: Array ["f", "o", "o"]

Array.from([1, 2, 3], x => x + x);
// expected output: Array [2, 4, 6]