Jay's Cookbook
Menu
  • Tags
  • Categories
  • Projects
Computer Science
OS
Network
Data Structure
Algorithm
Language
Code Architecture
Python
Javascript
Typescript
Java
Backend
Backend Theory
TypeORM
Node.js
NestJS
FastAPI
Frontend
HTML/CSS
React
Next.js
Data Engineering
DE Theory
MySQL
MongoDB
Elastic
Redis
Kafka
Spark
Airflow
AI
Basic
Pytorch
NLP
Computer Vision
Data Analytics
Statistics
Pandas
Matplotlib
DevOps
Git
Docker
Kubernetes
AWS
[Javascript]: 객체 리터럴
language
javascript

[Javascript]: 객체 리터럴

Jay Kim
Jay Kim 20 Jan 2024
[Javascript]: 제어문 [Javascript]: 원시 값과 객체의 비교

Table of Contents

  • 객체 리터럴
    • 프로퍼티
    • 메서드

객체 리터럴

  • 객체 타입은 다양한 타입의 값을 하나의 단위로 구성한 복합적인 자료구조이다
  • 객체는 프로퍼티와 메서드로 구성된 집합체이다
  • 객체는 변경 가능한 자료구조이다
const person = {
    name: 'Lee',
    sayHello: function() {
        console.log('Hi')
    }
};

프로퍼티

  • 프로퍼티 키가 네이밍 규칙을 따르지 않으면 따옴표로 감싸줘야 한다
  • 프로퍼티 키로 숫자 리터럴을 사용하면 따옴표는 붙지 않지만 내부적으로 문자열로 변환된다
  • 존재하지 않는 프로퍼티에 접근하면 undefined를 반환한다

메서드

  • 메서드 내부에서 사용한 this 키워드는 객체 자신을 가리키는 참조변수다
  • ES6에서는 메서드를 정의할 때, 메서드 축약표현을 사용할 수 있다
    const person = {
      name: 'Lee',
      sayHello() {
          console.log('Hi')
      }
    };
    
[Javascript]: 제어문 [Javascript]: 원시 값과 객체의 비교

You may also like

See all javascript
11 Feb 2024 [Javascript]: 자바스크립트 이벤트 루프와 콜 스택
language
javascript

[Javascript]: 자바스크립트 이벤트 루프와 콜 스택

10 Feb 2024 [Javascript]: 비동기 프로그래밍
language
javascript

[Javascript]: 비동기 프로그래밍

이웅모님의 모던 자바스크립트 Deep Dive 책을 읽고 정리한 내용이다

05 Feb 2024 [Javascript]: 타이머 함수
language
javascript

[Javascript]: 타이머 함수

이웅모님의 모던 자바스크립트 Deep Dive 책을 읽고 정리한 내용이다

Jay Kim

Jay Kim

Web development, data engineering for human for the Earth. I share posts, free resources and inspiration.

Rest
Lifestyle
Hobby
Hobby
Hobby
Hobby
2025 © Jay's Cookbook. Crafted & Designed by Artem Sheludko.