power-girl0-0

ES6 : 객체 본문

언어/Javascript

ES6 : 객체

power-girl0-0 2021. 2. 15. 08:05
728x90

 

 

해당 블로그를 참고하여 작성하였으며, 공부하고 정리하기 위해 작성한 글입니다.


 객체 

객체를 선언할 때는 { } 대괄호 안에 원하는 값들을 넣어주면 된다.

값을 넣을 때는 key:value 형식으로 넣어야한다.


이에 대한 예제는 아래와 같다.

const person = {
	name : '김도현',
    age : 22
};

console.log(person.name);
console.log(person.age);


또 다른 예제로, 드라마 스타트업의 주인공인 서달미와 남도산 정보를 객체 안에 집어 넣어보았다.

const Man = {
  name: '남도산',
  actor: '남주혁',
  job: 'CTO'
};

const Girl = {
  name: '서달미',
  actor: '배수지',
  job: 'CEO'
};

console.log(Man);
console.log(Girl);


 함수에서 객체를 파라미터로 받기 

함수를 새로 생성하여, 방금 만든 객체를 파라미터로 받아와서 출력해보았다.

const Man = {
  name: '남도산',
  actor: '남주혁',
  job: 'CTO'
};

const Girl = {
  name: '서달미',
  actor: '배수지',
  job: 'CEO'
};

function print(person) {
  const text = `${person.job} ${person.name} 역할을 맡은 배우는 ${person.actor} 입니다.`;
  console.log(text);
}

print(Man);
print(Girl);

 

 

 

 

 

728x90

'언어 > Javascript' 카테고리의 다른 글

ES6 : 객체 비구조화 할당  (0) 2021.02.15
ES6 : 문자열 표현  (0) 2021.02.15
Youtube 재생시간 구하기  (0) 2021.02.11
jQuery Ajax  (0) 2021.02.10
JSON  (0) 2021.02.10
Comments