객체 다루기

객체 프로퍼티 수정하기

- 새로운 값 재할당하기

let codeit = {
  name: '코드잇',
  bornYear: 2017,
  isVeryNice: true,
  worstCourse: null,
  bestCourse: {
    title: '자바스크립트 프로그래밍 기초',
    language: 'JavaScript'
  }
};

console.log(codeit.name); // 코드잇

// 재할당
codeit.name = 'codeit';
console.log(codeit.name); // codeit

 

객체 프로퍼티 추가하기

let codeit = {
  name: '코드잇',
  bornYear: 2017,
  isVeryNice: true,
  worstCourse: null,
  bestCourse: {
    title: '자바스크립트 프로그래밍 기초',
    language: 'JavaScript'
  }
};

console.log(codeit.ceo); // undefined

// 추가하기
codeit.ceo = '뽀로로';
console.log(codeit.ceo); // 뽀로로

 

객체 프로퍼티 삭제하기

let codeit = {
  name: '코드잇',
  bornYear: 2017,
  isVeryNice: true,
  worstCourse: null,
  bestCourse: {
    title: '자바스크립트 프로그래밍 기초',
    language: 'JavaScript'
  }
};

console.log(codeit.worstCourse); // null

//삭제하기
delete codeit.worstCourse;
console.log(codeit.worstCourse); // undefined

 

프로퍼티 존재 여부 확인하기

let codeit = {
  name: '코드잇',
  bornYear: 2017,
  isVeryNice: true,
  worstCourse: null,
  bestCourse: {
    title: '자바스크립트 프로그래밍 기초',
    language: 'JavaScript'
  }
};

// 프로퍼티 존재여부 확인하기 - 1
console.log(codeit.name !== undefined); // true

// 프로퍼티 존재여부 확인하기 - 2
// 'propertyName' in object
console.log('name' in codeit); // true

 

실습

시원이는 지난번에 외웠던 영어단어 5가지 중에서 function, constant, local은 이제 확실하게 다 외웠습니다.

 

오늘 외울 단어는

[extend] = 확장하다

[export] = 내보내다

[import] = 불러오다

[default value] = 기본값

총 4가지입니다.

 

지난번에 작성한 코드를 참고해서 myVoca 변수를 수정하지 않은 채로 아래 내용들을 수행하는 코드를 작성해주세요.

1. 이미 다 외워버린 단어 3개는 삭제한다.

2. 오늘 외울 단어를 추가한다.

3. 마지막 줄에서 default value의 뜻을 콘솔에 출력한다.

 

let myVoca = {
	function: '함수',
	variable: '변수',
	constant: '상수',
	local: '지역의',
	global: '전반적인',
};

// 1. 이미 외운 단어 3개를 삭제
delete myVoca.function;
delete myVoca.constant;
delete myVoca.local;

console.log(myVoca);
console.log(myVoca.constant);


// 2. 오늘 외울 단어 4개를 추가
myVoca.extend = '확장하다';
myVoca.export = '내보내다';
myVoca.import = '불러오다';
myVoca['default value'] = '기본값';

console.log(myVoca);
console.log(myVoca.export);


// 3. default value의 뜻을 출력
console.log(myVoca['default value']);

 

실습 결과

{ variable: '변수', global: '전반적인' }
undefined
{
  variable: '변수',
  global: '전반적인',
  extend: '확장하다',
  export: '내보내다',
  import: '불러오다',
  'default value': '기본값'
}
내보내다
기본값