먼저 객체와 배열의 특징을 보자면,

 

객체

객체(Object)는 키와 값의 쌍으로 이루어진 속성들의 모음이다.

객체는 중괄호({ })를 사용하여 만들며, 각 속성은 클론(:)으로 키와 값으로 구분된다.

 let person = {
    name: "John",
    age: 30,
    city: "New York"
};

 

 

배열

연속된 인덱스를 가지고 있는 값들의 집합이다.

배열(Array)은 대괄호([ ])를 사용하여 만들며, 각 요소는 콤마(,)로 구분된다.

배열의 각 요소는 인덱스를 통해 접근할 수 있다.

배열은 일련의 값들을 순서대로 저장하며, 각 값은 배열 내의 위치(인덱스)에 따라 접근할 수 있다.

let fruits = ["Apple", "Banana", "Orange"];

 

 

 

근데 배열에 속성 추가........?

자바스크립트에서 배열은 객체의 특수한 형태이기 때문에 배열 변수에 속성을 추가하면 해당 배열은 객체로 취급된다.

배열은 객체의 한 유형으로 취급되기 때문에 배열 변수에 속성을 추가하면 배열의 속성으로 추가된다.

const a = [];    // 빈 배열
a.sample = 10;

console.log(typeof a);             // object
console.log(Array.isArray(a));     // true

// Array.isArray() 메소드 : 배열이 주어진 객체인지 확인하는 메소드

a 배열에 sample이라는 속성을 추가하여 10이라는 값을 할당했다.

=> a는 이제 배열이면서 동시에 객체이다.

이것은 JavaScript의 유연성으로 인해 가능한 일이다.

 

그러나 이것은 일반적으로 권장되지 않는 방법이다(?)

'JS' 카테고리의 다른 글

document.body.innerHTML  (0) 2024.03.13
prototype  (0) 2024.03.12
object  (0) 2024.03.12
inner function  (1) 2024.03.11
declarative function | anonymous function  (0) 2024.03.11

+ Recent posts