빵 입니다.

[Array 2/3] Array Properties 본문

프론트엔드/javascript

[Array 2/3] Array Properties

bread-gee 2017. 10. 31. 18:07

W3Schools 번역과 MDN 번역 및 검색을 통해 알게 된 점 위주의 정리
https://www.w3schools.com/js/js_arrays.asp
https://msdn.microsoft.com/ko-kr/library/ccktxahf(v=vs.100).aspxhttps://msdn.microsoft.com/ko-kr/library/ccktxahf(v=vs.100).aspx
https://msdn.microsoft.com/ko-kr/library/jj155291(v=vs.94).aspxhttps://msdn.microsoft.com/ko-kr/library/jj155291(v=vs.94).aspx

constructor, length, prototype 다른 객체에서도 사용할 있음.
페이지에선 array에서 사용하는 방법만 찾았음.

1. constructor (ECMAScript 1)
constructor 속성은 배열의 constructor함수 반환
object.constructor; //object는 대상의 이름

function testObject(ob)
{
    if (ob.constructor == String){
        return ("Object is a String.");
    }else if (ob.constructor == MyFunc){
        return ("Object is constructed from MyFunc.");
    }else{
        return ("Object is neither a String nor constructed from MyFunc.");
    }
}

// A constructor function.
function MyFunc() {
    // Body of function.
}

var x = new String("Hi");
console.log(testObject(x));

var y = new MyFunc;
console.log(testObject(y));

Array 객체의 프로토타입을 생성한 함수를 반환 (배열을 만드는 함수를 지정)
반환 값은 함수의 이름이 아니라 함수에 대한 참조
자바스크립트 배열의 경우 생성자 속성은 function Array() {[ native code ]}를 반환
자바스크립트 숫자의 경우 constructor 속성은 function Number() {[ native code ]}를 반환
자바스크립트 문자열의 경우 constructor 속성은 function String() {[ native code ]}를 반환
constructor 속성을 이용해 변수가 배열인지 정의할 수 있다.

Array 뿐만 아니라 모든 초기 설정 개체와 사용 가능
Array 개체, Boolean 개체, Date 개체, Function 개체, Number 개체, Object 개체, String 개체


2. length (ECMAScript 1)
length
속성은 배열에 속한 요소의 갯수를 반환하거나 셋팅
array.length => 배열의 length 반환할 경우
array.length = number =>
배열의 length 셋팅할 경우

var numbers = [1, 2, 3, 4, 5];
console.log(numbers); // [1, 2, 3, 4, 5]
console.log(numbers.length); // 5

if (numbers.length > 3) {
  numbers.length = 3;
}
console.log(numbers); // [1, 2, 3]
console.log(numbers.length); // 3

 

3. prototype
prototype
생성자는 Array() 객체에 새로운 속성이나 메소드를 추가할 있도록 허락
속성을 생성할 , 모든 배열에 속성과 값을 기본값으로 준다.
메서드를 생성할 , 모든 배열이 메서드를 사용할 있게 해준다.
Array.prpototype
단일 배열리 아니라 Array() 개체를 참조한다.
Prototype
모든 자바스크립트 오브젝트에서 사용할 있는 전역 객체 생성자이다.
Array.prototype.name = value



반응형

'프론트엔드 > javascript' 카테고리의 다른 글

자바스크립트 옵셔널 체이닝 (Optional chanining)  (0) 2022.07.22
자바스크립트 런타임과 엔진 그리고 동작 원리  (0) 2022.07.18
AJAX  (0) 2017.11.28
[Array 3/3] Array Methods  (0) 2017.11.06
[Array 1/3] Array  (0) 2017.10.30
Comments