JavaScript | 객체(Object)

EHOI·2022년 8월 3일

JavaScript

목록 보기
2/2

객체(Object)란?💫

자바스크립트 자료형 중의 하나로, '원시형(primitive tyle)'데이터 (문자열, 숫자, 불리언 등)과 달리 다양한 데이터를 담을 수 있다.

  1. 키로 구분된 데이터의 집합이나 복잡한 개체(entity)를 저장
  2. 중괄호 {...}를 이용해 만드는데, 중괄호 안에는 '키(key):값(value)'과 같이 쌍으로 구성된 프로퍼티(propety)를 여러 개 넣을 수 있다.
  3. 키(key)에는 문자형, 값(value)엔 모든 자료형이 허용된다.



객체 선언

let user = new Object(); // '객체 생성자' 문법
let user = {}; // '객체 리터럴' 문법


객체 user 생성

let user = { // 객체
    name: "taeyee", // 키 : "name", 값: "taeyee"
    age: 20 // 키 : "age", 값: 20
};


프로퍼티 (property) 추가, 삭제

user.isAdmin = true; // 불린형 property 추가
delete user.age; // user의 age 프로퍼티 삭제

const로 선언된 객체의 수정

const user = { // 객체
    name: "taeyee", // 키 : "name", 값: "taeyee"
    age: 20 // 키 : "age", 값: 20
};
user.name = "taeyee_keem";

user 객체의 전체를 수정하려고 할 때 오류가 생기는 것이고, const로 선언 된 user의 프로퍼티는 수정 할 수 있다!!

‘in’ 연산자로 프로퍼티 존재 여부 확인하기

값을 반환하는 것이 아니라 존재 여부를 반환. 따라서 true, false값이나 undefined 를 반환한다.

자바스크립트 객체의 중요한 특징 중 하나는 다른 언어와는 달리, 존재하지 않는 프로퍼티에 접근하려 해도 에러가 발생하지 않고 undefined를 반환한다는 것입니다.

이런 특징을 응용하면 프로퍼티 존재 여부를 쉽게 확인할 수 있습니다.

let user = {};
console.log(user.name === undefined ); // true를 반환

profile
swimming in the web 🐬

0개의 댓글