js-object

📕Object(객체)

객체는 자바스크립트 데이터 타입 중의 하나이며, 영어로는 object라고 표현합니다.

key값과 value값을 쌍으로 이루어져 있고, 배열과는 다르게 순서가 중요하지 않습니다.
객체는 0개 이상의 프로퍼티로 구성된 집합이다.
프로퍼티는 {key:value}로 이루어져 있다.

let person={
name:"lee",
age:20,
major:'physics'
}

이런 객체는 객체 리터럴(object literal) 이라고 부릅니다. 객체를 생성할 때 컨텐츠를 그대로 대입합니다. 객체 리터럴은 클래스로부터 생성하는 방식과는 다릅니다.
객체 리터럴을 사용해서 객체를 생성하는 것은 연속된 구조체나 연관된 데이터를 일정한 방법으로 변환하고자 할 때 많이 쓰이는 방법이다. 예를 들면 서버에게 주소를 데이터베이스에 넣어달라고 요청하는 경우이다. 각 아이템들을 하나 하나 개별 전송하는 것보다, 하나의 객체를 전송하는 것이 훨씬 효율적임. 또 각 아이템들을 이름으로 구분해서 사용하기 원할 때도 배열을 사용하는 것보다 훨씬 쉽다.

Dot Notation vs Bracket Notation

🔹 Dot Notation(점 표기법)
-.(온점)을 이용하는 방법

person.name;
person.age;

객체 이름(person)은 네임스페이스처럼 동작합니다. 객체내에 캡슐화되어있는것에 접근하려면 먼저 점을 입력해야합니다. 그 다음 점을 찍고 접근하고자 하는 항목을 적습니다. 간단한 프로퍼티의 이름일 수도 있을 것이고, 배열의 일부이거나 객체의 메소드를 호출할 수도 있습니다.

let person={
name:{"first":"hj","last":"lee"},
age:20,
major:'physics'
}
person.name.first;
//
"hj"

하위 namespace 뒤에 점을 찍어주면 된다.

🔹 Bracket Notation
-[]과 ''을 이용하는 방법

person['name'];
person.['age'];

이런 방식은 배열 속에 있는 항목에 접근하는 방법과 매우 유사해 보이는데 실제로도 이는 기본적으로 동일한 것입니다. 한 항목을 선택하기 위해 인덱스 숫자를 이용하는 대신에 각 멤버의 값들과 연결된 이름을 이용합니다. 객체가 간혹 연관배열 (associative arrays)이라고 불리는 것이 당연합니다. 연관배열은 배열이 숫자를 값에 연결하는 것과 같은 방법으로 문자열을 값에 매핑합니다.

let person={
name:{"first":"hj","last":"lee"},
age:20,
major:'physics'
}
person['name']['first'];
//
"hj"