프로퍼티

개발 log·2021년 9월 9일
0

JS 지식

목록 보기
11/36
post-thumbnail
post-custom-banner

객체의 상태를 나타내는 값(data)

프로퍼티 키

빈문자열을 포함하느 모든 문자열 또는 심벌 값
프로퍼티 값에 접근할 수 있는 이름으로써 식별자 역할을 함(반드시 식별자 네이밍 규칙을 따를 필요는 없음)

프로퍼티 값

JS에서 사용할 수 있는 모든 값

프로퍼티 접근법

  1. 마침표 표기법
  2. 대괄호 표기법

프로퍼티 키 동적 생성

// ES5
var prefix = 'prop';
var i = 0;

var obj = {};

// 계산된 프로퍼티 이름으로 프로퍼티키 동적 생성
obj[prefix + '-'+ ++i] = i;
obj[prefix + '-'+ ++i] = i;
obj[prefix + '-'+ ++i] = i;

console.log(obj); // {prop-1: 1, prop-2: 2, prop-3: 3}
// ES6
const prefix = 'prop';
let i = 0;

// 객체 리터럴 내부에서 계산된 프로퍼티 이름으로 프로퍼티키 동적 생성
const obj = {
  [`${prefix}-${++i}`]: i,
  [`${prefix}-${++i}`]: i,
  [`${prefix}-${++i}`]: i
}

console.log(obj); // {prop-1: 1, prop-2: 2, prop-3: 3}
profile
프론트엔드 개발자
post-custom-banner

0개의 댓글