> 웹 프론트엔드 > 프런트엔드 Q&A > 자바스크립트에서 2차원 배열을 생성하는 방법

자바스크립트에서 2차원 배열을 생성하는 방법

PHPz
풀어 주다: 2023-04-24 14:31:53
원래의
2930명이 탐색했습니다.

JavaScript에서 2차원 배열은 일련의 배열로 구성된 배열인 특별한 배열 유형입니다. 다음과 같은 방법을 통해 2차원 배열을 생성할 수 있습니다.

1. 루프를 사용하여 2차원 배열 만들기

for 루프 문을 사용하여 2차원 배열을 만들 수 있습니다. 여기서는 3X3 배열을 만듭니다.

var arr = new Array(3);
for(var i=0; i<3; i++){
  arr[i] = new Array(3);
}
로그인 후 복사

위 코드는 3개의 요소를 포함하는 배열을 생성하며, 각 요소는 길이가 3인 배열입니다. 요소는 배열의 인덱스에 액세스하여 액세스할 수 있습니다. 예를 들어 arr[0][0]는 배열의 첫 번째 행과 첫 번째 열의 요소를 나타냅니다.

2. 리터럴 구문을 사용하여 2차원 배열 만들기

JavaScript에서는 리터럴 구문을 사용하여 2차원 배열을 만들 수 있습니다. 여기서는 3 X 3 배열을 만듭니다.

var arr = [
  [1,2,3],
  [4,5,6],
  [7,8,9]
];
로그인 후 복사

위 코드는 3개의 요소를 포함하는 배열을 생성하며, 각 요소는 길이가 3인 배열입니다.

3. Array.from 메서드를 사용하여 2차원 배열을 만듭니다.

ES6에서는 Array.from() 메서드를 사용하여 2차원 배열을 만들 수 있습니다. 이 방법을 사용하면 배열의 길이와 초기값을 지정할 수 있습니다.

var rows = 3;
var cols = 3;
var initialValue = 0;
var arr = Array.from({length: rows}, ()=> new Array(cols).fill(initialValue));
로그인 후 복사

먼저 행 수(rows)와 열 수(cols)를 정의한 다음 Array.from() 메서드를 사용하여 객체를 전달했습니다. 이 객체에는 배열의 길이를 나타내는 길이 속성이 포함되어 있습니다. 또한 각 요소에 대한 배열을 생성하고 fill() 메서드를 사용하여 지정된initialValue에 채우는 콜백 함수를 전달합니다.

요약

JavaScript에서는 다양한 방법을 사용하여 2차원 배열을 만들 수 있습니다. 어떤 방법을 사용하든 2차원 배열의 내부 구조와 접근 방법을 이해하는 것이 중요합니다. 2차원 배열은 특히 게임 프로그래밍이나 드로잉 응용 프로그램과 같은 분야에서 다차원 데이터 저장 및 처리에 일반적으로 사용됩니다.

위 내용은 자바스크립트에서 2차원 배열을 생성하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿