[TCP School/자바스크립트] 표준 객체 - Array 메소드

Array 메소드는 Array 객체에 정의된 배열과 관련된 작업을 할 때 사용하는 메소드이다.

 

1. Array.isArray()

2. Array.from()

3. Array.of()

---

Array.isArray()

Array.isArray() 메소드는 전달받은 값이 Array 객체인지 아닌지를 검사한다.

Array.isArray([]);  // true
Array.isArray(123);  // false
Array.isArray('Array');  // false

---

Array.from()

ECMAScript 6부터 추가된 Array.from() 메소드는 다음 객체들을 배열처럼 변환시켜 준다.

1. 배열과 비슷한 객체 : length 프로퍼티와 인덱스 된 요소를 가지고 있는 객체

2. 반복할 수 있는 객체 : Map과 Set 객체 및 문자열과 같이 해당 요소를 개별적으로 선택할 수 있는 객체

 

하지만 이렇게 생성된 객체는 정확히 말하면 Array 객체는 아니며, Array 객체의 자식 클래스이다.

function arrayFrom() {
    return Array.from(arguments);
}

Array.from(arrayFrom(1, 2, 3));  // [1, 2, 3]

var myMap = new Map([[1, 2], [3, 4]]);
Array.from(myMap);  // [1, 2, 3, 4]
Array.from('JavaScript');  // [J, a, v, a, S, c, r, i, p, t]

---

Array.of()

ECMAScript 6부터 추가된 Array.of() 메소드는 인수의 수나 타입에 상관없이 인수로 전달받은 값을 가지고 새로운 Array 인스턴스를 생성한다.

이 때 Array.of() 메소드는 Array 객체 생성자와의 차이로는 정수로 전달된 인수의 처리 방식에 있다.

new Array(10);  // [,,,,,,,,,]  ->  10개의 배열 요소를 가지는 빈 배열을 생성
Array.of(10);  // [10]  ->  한개의 배열 요소를 가지는 배열을 생성

---

Array.prototype 메소드

모든 Array 인스턴스는 Array.prototype으로부터 메소드와 프로퍼티를 상속받는다.

 

아래 링크에서 확인할 수 있다.

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array

Array - JavaScript | MDN

---

TCP School의 강의 내용을 정리한 포스트입니다.

http://www.tcpschool.com/javascript/intro

코딩교육 티씨피스쿨