[JavaScript] 객체 리터럴 프로퍼티 기능 확장

2024. 7. 28. 17:35· FrontEnd/JavaScript
목차
  1. 1. 프로퍼티 축약
  2. 2.프로퍼티 키 동적 생성
  3. 3.메소드 축약 표현
728x90


1. 프로퍼티 축약

프로퍼티 값으로 변수를 사용하는 경우, 프로퍼티 이름을 생략할 수 있다.
let x = 1, y = 2;

// ES5
var obj = {
    x: x,
    y: y
};

// ES6
const obj = { x, y };

 

 

 

2.프로퍼티 키 동적 생성

객체 리터럴 내부에서 프로퍼티 키를 동적으로 생성할 수 있다.
let i = 0;

// ES5
obj2[++i] = i;
obj2[++i] = i;
obj2[++i] = i;

// ES6
const obj1 ={
    [`${++i}`]:i,
    [`${++i}`]:i,
    [`${++i}`]:i,
}

 

 

 

 

3.메소드 축약 표현

메소드를 선언할 때, function 키워드를 생략한 축약 표현을 사용할 수 있다.
var obj4 = {
    // ES5
    sayHi: function() {
        console.log('Hi! ');
    },
    // ES6
    sayHi2() {
        console.log('Hi! ');
    }

};

 

 

 

728x90

'FrontEnd > JavaScript' 카테고리의 다른 글

[JavaScript] Class  (0) 2024.07.28
[JavaScript] Rest 파라미터, Spread문법  (1) 2024.07.04
[JavaScript] 화살표 함수  (0) 2024.06.13
  1. 1. 프로퍼티 축약
  2. 2.프로퍼티 키 동적 생성
  3. 3.메소드 축약 표현
'FrontEnd/JavaScript' 카테고리의 다른 글
  • [JavaScript] Module
  • [JavaScript] Class
  • [JavaScript] Rest 파라미터, Spread문법
  • [JavaScript] 화살표 함수
아사_
아사_
프로그래밍 공부한거 정리해두는 메모장 블로그
아사_
개발공부 블로그
아사_
전체
오늘
어제
  • 분류 전체보기
    • FrontEnd
      • html
      • css
      • JavaScript
      • Node.js
      • React
      • React Native
    • BackEnd
      • SpringBoot
      • FastAPI
      • PHP
      • Flask
      • supabase
    • Language
      • Python
      • JAVA
      • Kotlin
      • C++
    • Development Tools
      • AWS
      • GIT,GITHUB
      • Docker
      • 메시지 브로커
      • 기타 도구,플랫폼
    • Computer Science
      • 개발지식
      • Server&Network
      • Algorithm&DataStructure
      • Security
      • DataBase
      • OS
    • AI
    • 기타
      • 잡다
      • Android
      • 도서
    • 클론코딩
      • 생활코딩 Express.js
      • 점프 투 장고
      • 생활코딩 Node.js
    • 프로젝트
      • DevQuest

인기 글

최근 글

250x250
hELLO · Designed By 정상우.v4.2.2
아사_
[JavaScript] 객체 리터럴 프로퍼티 기능 확장
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.