[TIL] Day12- Object

공부중인 개발자·2021년 4월 20일
0

TIL

목록 보기
12/64
post-thumbnail

object

  • 객체 : 한개의 변수에 여러가지 정보가 들어있는 것, 키와 값으로 구성되어 있다.
let user {
    id: 'source39', //id는 키, source39는 값 키와 값 사이는 `:`로 구분
    password: '****', //키값쌍의 구분은 `,`를 이용
    email: 'source390@gmail.com',
    gender : 'man'
}
  • 키(key) : 위에 나와있는 : 앞에 있는 것으로 값의 이름이라고 보면 된다. 키는 문자형만 허용된다.
  • 값(value) : : 뒤에 나와있는 것으로 키라는 이름 안에 담긴 내용물. 모든 자료형이 담긴다.

객체의 값을 사용하는 방법 2가지

  • Dot notation
user.id; // 'source39'
user.gender; // 'man'

객체 user 다음에 .을 넣은 뒤 key를 넣어주면 객체의 값을 나타낼 수 있다.

  • Bracket notation
user['password']; // '****' 대괄호 안에는 string 형식의 키가 들어간다.
user['email'] // 'source390@gmail.com'

객체 user 다음에 []을 넣고 그 안에 key를 문자열 형태로 넣어주면 객체의 값을 나타낼 수 있다.

  • Bracket notation 에 key를 문자열로 넣지 않는 경우
    [] 안에 string 형식의 키가 아니라 일반 키를 작성한다면 작동을 하지 않을 수 있다.
    예를 들어 안에 일반 키(id)를 쓰면 그것은 변수로 처리가 되서 객체의 키('id')가 아닌 전혀다른 변수(id)가 되기 때문에 전혀 다른 형식이 될 수 있다.
    Bracket notation을 쓰는 경우는 key가 동적으로 변화할때 사용한다. ([]안에 변수를 넣을 수 있기 때문에)

  • 두 notation 을 통해 값을 추가하기 가능

user['marrage'] = false;
user.job = '무직';
  • 삭제 역시 가능
delete user.job;
delete user['marrage'];
  • 키의 여부 확인 : in 연산자
'id' in user; //true
'age' in user; //false;

for (let i = 0)
  • for in 반복문 : 객체 user의 첫번째 key부터 마지막 key까지 반복한다.(key는 prop에 할당됨)
for (let prop in user) {
  console.log(user[prop])
}

코플릿에서 배운 것

  • object.keys(object) : 객체'object'의 key를 배열로 나타낸것
let object = { 
  a: 1,
  b: 2,
  c: 3,
  d: 4
}
console.log(object.keys(object)); //['a', 'b', 'c', 'd']
  • 반복문 중 조건문 안에 break가 들어간 경우 반복을 멈추고 진행
    continue가 들어간 경우 그 반복을 뛰어넘고 다음 반복 진행

마지막으로...

배열과 객체는 새로운 내용이니만큼 재밌었다. 그동안 공부했던것을 잘 기억해놓자. 뒤로 갈수록 앞에서 배운 내용의 응용이 많다.

profile
열심히 공부하자

0개의 댓글