자바스크립트[기초] Array.of 메소드 | Array.from 메소드

유사 배열 객체 : 배열처럼 인덱스로 프로퍼티 값에 접근할 수 있고 length 프로퍼티를 갖는 객체이다. (for문으로 순회 가능) 
이터러블 객체 : Symbol.iterator 메소드를 구현하여 for.. of 문을 순회할 수 있고 스프레드 문법과 배열 디스트럭처링 할당의 대상으로 사용할 수 있는 객체를 말한다.

---

Array.of 메소드

• ES6에서 도입된 Array.of 메소드는 전달된 인수를 요소로 갖는 배열을 생성한다.
• Array 생성자 함수와 다르게 전달된 인수가 1개 이고 숫자이더라도 인수를 요소로 갖는 배열을 생성한다.

// 전달된 인수가 1개이고 숫자이더라도 인수를 요소로 갖는 배열을 생성한다.
Array.of(1); // [1]
Array.of(1,2,3); // [1,2,3]
Array.of('string'); // ['string']

Array.from 메소드 

• ES6에서 도입된 Array.from 메서드는 유사 배열 객체 또는 이터러블 객체를 인수로 전달받아 배열로 변환하여 반환한다.
• Array.from 메소드를 사용하면 두 번째 인수로 전달한 콜백  함수를 통해 값을 만들면서 요소를 채울 수 있다.

// 유사 배열 객체를 변환 하여 배열을 생성한다.
Array.from({ length: 2, 0:'a', 1:'b' }); // ['a','b']

// 이터러블을 변환하여 배열을 생성한다. 문자열은 이터러블이다
Array.from('Hello'); // ['H','e','l','l','o']