[🌳Javascript] 객체(Object)

객체란? 🗄️

key: value 쌍으로 구성된 프로퍼티(property)들의 집합으로, 원시형(primitive)과 다르게 다양한 데이터를 담을 수 있다. 배열과 달리 프로퍼티를 열거할 때 순서를 보장하지 않는다.

메소드

프로퍼티 내 값으로 함수를 사용할 수도 있는데, 그럴 경우 일반 함수와 구분하기 위해 메소드라고 부른다. 즉, 메소드란 객체에 제한되어 있는 함수를 의미한다.

리터럴 👩🏻‍🍳

객체 리터럴

{} 중괄호를 사용하여 1개 이상의 프로퍼티를 기술하면 해당 프로퍼티가 추가된 객체를 생성할 수 ㅣㅇㅆ다. 아무것도 기술하지 않을 경우, 빈 객체가 생성된다.

const Hana = {
	name : "Hyewon",
  	age : 27,
}
console.log(typeof Hana); // object

Object 생성자 함수

빈 객체 생성 이후 프로퍼티를 추가하는 것으로, 거의 사용하지는 않는다.

let fruit = new Object();
fruit.a = "apple";
fruit.b = "banana";
console.log(fruit) //{a: 'apple', b: 'banana'}

프로퍼티 🗂️

프로퍼티 값 얻기

• 점 표기법

alert(Hana.name); //Hyewon
alert(Hana.age);//27

• 대괄호 표기법

alert(Hana['name']) // Hyewon
alert(Hana["age"]) //27
// Hana.["age"] 라고 표기하지 않도록 주의!!

프로퍼티 값 추가/삭제하기

프로퍼티값엔 모든 자료형이 올 수 있다. (프로퍼티의 키에는 문자열이나 symbol 값이 사용된다. 이외의 값을 지정하면 암묵적으로 타입이 변환되어 문자열이 된다. 자바스크립트에서 사용가능한 유효한 이름일 경우, 매번 "", '' 등의 따옴표를 사용하지 않고 생략할 수 있다.)

Hana."smile" = true;
console.log(Hana);// {name: 'Hyewon', age: 27, smile: true}
delete Hana.age;
console.log(Hana);//{name: 'Hyewon', smile: true}

-like dogs 같이 JS에서 유효하지 않은 이름을 key로 설정하거나 추가/삭제하고 싶다면 "", ''을 사용해야 한다.

const tiffany = {
	name: "Jiwoo",
	"like dogs": true,
}

이런 키의 값을 얻을 경우엔 대괄호 표기법만 사용 가능하다.

tiffany["like dogs"]; // true