{key:value}
예를 들어, 레스토랑 직원들에 대한 정보를 객체를 사용하지 않고 변수에 할당하자
const chief1Name = "Shannon" const chief1Age = 29 let isShannonFulltime = false const chief2Name = "Mike" const chief2Age = 25 let isMikeFulltime = true const server1Name = "Ellie" const server1Age = 32 let isEllieFulltime = false const managerName = "Jessica" const managerAge = 31 let isJessicaFulltime = true
- 변수에는 각각의 string, number, boolean 데이터가 할당되어 있다.
- 레스토랑 직원들의 정보를 작성했다. let 키워드르 사용한 이유는 근무 스케쥴이 바뀔 가능성도 있기 때문이다.
- 변수 이름부터 어지럽다....
- 객체를 사용하지 않는다면 변수 나열이 필요하고 데이터가 늘어나면 코드도 길어지고 관리하기도 힘들어진다.
레스토랑 직원의 정보를 Object로 표현하기
const shannon = { name: "Shannon", position: ["chief", "supervisor"], age: 29, fulltime: false } const mike = { name: "Mike", position: ["chief", "line-cook manager"], age: 25, fulltime: true } const ellie = { name: "Ellie", position: ["server", "busser"], age: 32, fulltime: false } const jessica = { name: "Jessica", position: ["sever", "hall manager"], age: 31, fulltime: true }
- 코드가 명확하게 짧아졌다고 보기는 어렵지만 객체를 사용하니 변수의 수는 줄어들었다.
- 객체 안에는 다수의 다양한 데이터 타입을 작성할 수 있기 때문이다.
- 각 레스토랑 직원별로 정리된 객체의 모습으로 깔끔하고 가독성 높은 코드를 구현할 수 있다.
{key:value}
Mike를 소환하자
const mike = { name: "Mike", position: ["chief", "line-cook manager"], age: 25, fulltime: true }
위의 코드로 객체를 만들때 지켜야할 규칙을 알아보자
key 작명할 때 주의할 점!
let difficult = {
'my name': 'boong',
color: 'silver',
키: '한글인 키는 따옴표가 없어도 되는군!!',
'!키': '느낌표 있는 키는 따옴표가 필요하군',
$special: '$는 없어도 되는군'
};