[javascript] 배열 선언 및 초기화

문제를 풀다가 아래처럼 배열을 선언하고 초기화 할 일이 있었다.
그래서 정리하는 배열 선언 및 초기화

let [top, bottom, left, right] = [51, 0, 51, 0];

들어가기 전

• 자바스크립트에서 배열은 object(객체)임.
• object에 Array메소드들과 iterator, length 속성을 넣어준 것이 배열임.

---

1. 배열 생성 방법

1) var 배열명 = new Array();

var numbers = new Array();

1-1) 직접 초기화

numbers[0]=1; numbers[1]=2;

또는

for (var i=0; i<5; i++) {
	numbers[i] = i+1;
}  

1-2) 배열 생성과 동시에 초기화

매개변수에 원하는 초기값을 넘겨준다.

var numbers = new Array(1,2,3,4,5);

(2) var 배열명 = [값1, 값2, 값3 ... 값n ];

new 연산자 사용 안하고 배열 객체 생성

var numbers = [1,2,3,4,5];

뭔가 불편하다. 직접 초기화의 한계를 극복하기 위한 Array.from() 함수를 활용해보자.

• Array.from()은 문자열 등 유사 배열 객체나 이터러블한 객체를 배열로 만들어주는 매서드
• 유사 배열 객체 : 키가 인덱스 값으로 되어있고, 길이를 나타내는 length 속성을 갖는 객체

예제1

• 길이가 5, 0~4가 요소인 배열 만들기

//v(value)는 그냥 놔두는 undefined
Array.from({length:5}, (v,i) => i); // [0,1,2,3,4]

예제2

• 기존 배열을 가공해서 새로운 배열 만들기
  첫 번째 인자: 기존 배열
  두 번째 인자: 배열에 전달할 함수

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

---

string -> 배열 만들기
나 맨날 split 썼는데, from을 이용해보자

Array.from('hoh');
//["h", "o", "h" ]