08 ECMAScript6 - Array 1 (Array-like, Array.form, Array.of(), forEach)

8. Array

 

(1) Array-like 객체

ES6에서 사용되는 객체로서, 형태의 객체 특징 + 배열의 특징 -> array-like 객체

 

문법: let  arrLike = { 0:값, 1:값,…. , length:개수 };

 

 

(2) Array.form()

새로운 Array객체를 생성.

 

문법: Array.from( 값, [function, 객체] );

값: array-like 객체 또는 iterable 객체

 

function: 배열 요소마다 호출되는 함수

객체:   function에서 this 키워드 사용시 참조하는 인스턴스.

 

 

(3) Array.of()

새로운 Array객체를 생성.

 

문법: Array.of( 값, [값2,값3,...] );

Array.of() 메서드가 호출되면 우선 Array 객체가 생성되고, 이어서 파라미터에 설정값들을 생성한 배열에 추가한다.

 

 

(4) forEach()

forEach() 메소드는 배열 요소마다 한 번씩 제공한 함수를 실행한다.

 

 

위와 같이 사용할 수 있으며, set과 map은 이후에 배울 내용이지만 array를 기반으로 만들어진 내용이기에 여기서 사용해봤다.

관련 내용은 ECMAScript - Map, Set 를 참고하면 좋을 것 같다.

 

가볍게 설명하자면 ECMAScript6에서 Set과 Map은 다음과 같은 특징을 가진다.

 

- Set은 Array와 다르게 중복 값을 허용하지 않으며, key값(idx)를 가지지 않는다. 반복문을 수행할 수는 있으나 특정한 값을 임의로 추출할 수는 없다.

 

- Map은 JSON 객체의 구조와 유사하다. key와 value 값을 가지며, key 값으로 value를 검색, 수정, 삭제 등을 할 수 있다.

- Map과 JSON 객체와 가장 큰 차이점은 array로 사용할 수 있는지 여부이다. JSON 객체의 경우 forEach() 메서드를 사용해보면 에러가 발생한다.

물론 여기서 JSON도 array로 사용할 수는 있다. 다만 기본적으로 array 구조로 되어 있는지 여부에 대한 차이일 뿐이다.