먼저 객체와 배열의 특징을 보자면,
객체
객체(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 |