ES6 <array method>

{ Array.of( ) }
: 전달된 인수를 요소로 갖는 배열을 생성한다.

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

	Array.of(3, 6, 9);	// [3, 6, 9]

	Array.of('Java');	// ['Java']

	Array.of(1, 4, 6, true, "yellow");	// [1, 4, 6, true, "yellow"]

{ Array.from( ) }
: 유사 배열 객체 또는 이터러블 객체를 인수로 전달받아 배열로 변환하여 반환한다.

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

	// 이터러블을 변환하여 배열을 생성한다. 문자열은 이터러블이다.
	Array.from('Java');	// ["J", "a", "v", "a"]

	// html 태그를 배열형태로 바꾸어 사용할 수 있다.
	<button class="btn">1</button>
	<button class="btn">2</button>
	<button class="btn">3</button>
	<button class="btn">4</button>

	const buttons = document.getElementsByClassName("btn");
	
	const ar = Array.from(buttons);	// ar는 배열형태의 데이터이다.

	ar.forEach(button => {
    	button.addEventListener("click", () => console.log("i ve been clicked"))
    })