HTML+CSS+JAVASCRIPT/JavaScript

[JAVA SCRIPT.03] JS의 객체_기본

Mink__02 2024. 1. 18. 14:33

1. 객체의 정의

JS에는 8가지 자료형이 있다.
이중에 7가지는 오직 하나의 데이터(문자열, 숫자 등)만 담을 수 있어 원시형(primitive type)이라 부른다.
다른 1가지는 다양한 데이터를 담을 수 있다. 이를 객체형이라 부른다.
객체형?
키로 구분된 데이터 집합/ 복잡한 개체 (entity)를 저장할 수 있다.
중괄호를 이용해 만들 수 있고, 중괄호 안에 key: value 쌍으로 구성된 property를 여러개 넣을 수 있다.
{key(문자형): value(모든 자료형),....,key:value}

 

2. 객체의 선언

let user = new Object(); // java에서 사용하던 객체 생성자 문법
let user = {}; // 객체 리터럴 문법

{중괄호}를 이용해 객체 선언 -> 객체 리터럴 (object literal)

(1) literal & property 선언

let user = {
	name:"mink",
    age:25
};
user라는 객체는 name & age를 key 값으로 가지는 property를 가진다.
name 의 key 값은 mink, age의 key 값은 25이다.

‼️ 여러 단어를 조합해 property 만들 시, " " 로 묶어주기 ‼️

 

(2) property r.w.d 가능

> read

alert(user.name); //mink
alert(user.age);//25

> write

user.isAdmin = ture;

user객체에 isAdmin이라는 key값을 이용해 새로은 property 생성. -> 값은 true( boolean 형)

>delete

delete user.age;

age라는 key값을 가진 property 삭제

> 여러단어 조합 시

user.likes birds = true // 문법 에러 발생
----------------------------------------------------------------
user["likes birds"]=false; // like birds property 생성
alert(user["likes birds"]);// value값 false 출력
delete user["likes birds"]); // like birds property 삭제

 

 

 

 

3. Property 응용