자바스크립트 ▻ 배열 선언

December 10, 2019

💎 목차

• 배열 선언
• 코드를 보며
• 마치며

배열 선언

• 자바스크립트를 사용한다면 배열을 많이 사용한다.
• 하지만, 다차원 배열을 생성하기 위해선 많은 생각을 해봐야한다.
• 해당 포스팅에서는 배열을 선언하는 다양한 방식에 대해 작성하겠습니다.

⬆ 목차

😳 코드를 보며

▸ 배열 직접 선언

직접 선언 방식에는 크게 두가지가 있습니다.

1. new 명령어를 사용하는 방법
2. 리터널 표기법(literal notation)을 사용하는 방법

두가지에 대해서 알아보겠습니다.

▸ new 명령어

/* 일차원 선언 */
const array = new Array()

// result : []

/* 이차원 선언 */
const array = new Array(new Array(), new Array())

// result : [ [], [] ]

/* new 키워드를 생략 가능 */

const array = Array()

const array = Array(Array(), Array())

new 키워드를 사용하는 방법으로 간단하게 배열을 생성할수있다.

new 키워드를 생략도 가능하다.

▸ 리터널 표기법

/* 일차원 선언 */
const array = []

// result : []

/* 이차원 선언 */
const array = [[], []]

// result : [ [], [] ]

▸ 배열 동적 선언

만약, 배열안에 100개의 배열을 직접 선언하려면 언제 100개를 선언하고 있을 것 인가

동적 선언 방식에는 크게 두가지가 있습니다.

1. map 메소드를 통한 생성 방법
2. Array.form() 통한 생성 방법

두가지에 대해 알아보겠습니다.

▸ map() 메서드 사용

const array = Array(3).fill(null).map(() => Array())

// result : [ [], [], [] ]

원하는 크기의 배열을 생성하고 fill() 메소드를 이용하여 null로 초기 값을 할당해준다.

초기값을 null로 할당하지 않는다면 map 메소드가 동작하지 않을 것이다.

그리고 map 함수를 이용, 각 배열 요소를 빈 배열로 재선언 하면 원하는 크기의 다차원 배열이 생성된다.

물론, map 함수를 통해 원하는 값으로 return 하여 배열을 선언 할 수도 있다.

해당 예시에서는 3을 입력했지만 *.length 같은 동적 데이터를 삽입하면된다.

▸ Array.from()

이번에는 from() 메소드를 사용하여 다차원 배열을 만들어보자

const array = Array.from(Array(3), () => Array())

// result : [ [], [], [] ]

from() 메소드는 배열 혹은 유사한 배열을 배열로 변환해주는 역할을 한다.

첫번째 요소로는 유사한 배열을 받고,

두번째 요소로는 map 함수와 동일하게 배열 각 요소에 적용할 함수를 받는다.

⬆ 목차

😌 마치며

배열 선언 방법에 대해 몇가지 알아보았습니다.

배열은 여러 변수의 집합을 말하며, 데이터를 대량 연산할 때 도움이 됩니다.

그로인해 많은 개발자분들이 사용하며 그에 따라 소스가 퀄리티가 달라집니다.

방의 크기를 유동적이게 선언하므로 성능을 향상시킬기 바랍니다.

포스팅은 여기까지고 읽어주신분들께 감사의 말씀을 드립니다.

⬆ 목차

여러분의 댓글이 큰힘이 됩니다. (๑•̀ㅂ•́)و✧