[Array] JS - Array.from() 메서드 - 객체로부터 배열 생성 (= Array.from메서드 = 어레이프럼메서드)

목차

1. Array.from() 예제 - length 속성 갖는 객체로부터 배열 생성
2. Array.from() 정의
3. Array.from() 구문

Array.from() 예제 - length 속성 갖는 객체로부터 배열 생성

 

<p id="demo"></p>

<script>

let text = "Homzzang"

const arr = Array.from(text);

document.getElementById("demo").innerHTML = arr;

</script>

 

결과값: H,o,m,z,z,a,n,g

Array.from() 정의

 

length 속성 갖는 반복 가능 객체로부터 배열 생성.

 

---

 

1.

• JS 배열 객체의 정적속성 (static property: 인스턴스 생성 않고도 바로 사용 가능한 속성)에 해당. (※ 엄밀히 말하면, 정적메서드인데, 정적메서드는 정적속성이라고 할 수도 있음.)
• Array.from() 형태로만 사용 가능.
• array.from() 형태로 사용 시, undefined 반환.

 

2.

IE 제외한 주요 최신 브라우저 모두 지원.

 

3. MDN Array.from() 예제보기

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from

 

Array.from() 구문

 

Array.from(object, mapFunction, thisValue)

 

---

[매개변수]

 

object

필수. 배열로 변환할 객체

 

mapFunction

선택. 각 요소에 대해 호출할 함수

 

thisValue

선택. mapFunction에서 this로 사용할 값

 

---

[반환값]

 

배열 반환. (※ object 타입)