[Javascript ES6] 5. from Method 로 진짜 배열 만들기

from Method 로 진짜 배열 만들기 

// ES6 from method 
 
function addMark() {
  let newData = [];
  
  for(let i = 0 ; i < arguments.length ; i++) {
    newData.push(arguments[i] + "!!");
  }
  
  console.log(newData);
  
}
 
addMark(1, 2, 3, 4, 5);

> ["1!!", "2!!", "3!!", "4!!", "5!!"]

JavaScript 내부에 있는 arguments

1. 함수에 전달된 인수에 해당하는 Array 형태의 객체이다.

2. 해당 객체는 모든 함수 내에서 이용가능한 지역변수이다. 

3. 해당 객체는 Array 와 비슷하지만 Array 는 아니다. length 를 제외하고는 Array 속성이 없기 때문이다. 

   그러나 실제 Array 로 변환될 수 있다. 

4. 가변적인 Parameter 가 들어오는 경우 주로 사용한다. (아주 권장되는 패턴은 아니지만 갯수를 모르는 경우 유용하다)

위와 같은 방법이 아닌 from 을 사용하면 더욱 쉽게 접근할 수 있다. 

// ES6 from method 
 
function addMark() {
  let newArray = Array.from(arguments);
  let newData = newArray.map(function(value) {
    return value + "!";
  });
  
  console.log(newData);
  
}
 
addMark(1, 2, 3, 4, 5, 6, 7);

> ["1!", "2!", "3!", "4!", "5!", "6!", "7!"]

arguments 는 위에서 설명한 바와 같이, 배열과 흡사하지만 배열이 아니기 때문에, 직접적으로 map 을 사용할 수 없다. 

그렇기 때문에 가짜 배열을 진짜 배열로 만들 수 있도록 from 을 사용한다.