TIL 12일차

안광의·2021년 6월 29일
0

Today I Learned

목록 보기
12/64
post-thumbnail
post-custom-banner

시작하며

오늘은 javaScript의 객체(object)에 대해서 학습하였다. 코드테스트를 풀어보면서 많이 등장했던 개념은 아니여서, 문법, 구조 정도만 알고 있었는데 다른 개념과 헷갈리지 않도록 객체의 특성을 잘알아두는 것이 중요하다고 생각한다.

javaScript 객체

let user = {
  firstName: 'GWANGUI',
  lastName: 'AN',
  email: 'GWANGUIAN@velog.com',
  city: 'Ansan'
};

객체는 배열과 다르게 순서가 없는 값으로 key와 value가 짝을 지어져있는 형태로 이루어져 있다. 배열에서는 인덱스 순서대로 값이 저장되지만 배열은 순서가 없기 때문에 key를 통해 해당 값을 불러올 수 있다. {}(curly bracket)내에 key: 'value'의 형태로 저장되며 ,(comma)를 통해 다른 키-값과 구분해준다.

user['firstName']; // 'AN'
user.firstName; // 'AN'

객체의 값을 불러오는 방법에는 Dot notation과 Braket notation이 있는데 변수를 key로 사용하거나 key값에 띄어쓰기가 포함되어 있거나 숫자로만 이루어져 있어도 사용가능한 Braket notation의 활용도가 더 넚다.

객체에는 숫자,문자열,배열,객체 등 모든 타입의 값의 할당/재할당이 가능하며 객체 내에 객체가 할당되어 있을 경우 obj['key1']['key1-1']혹은 obj.key1.key1-1의 형태로 불러올 수 있다.

  • in : 객체 내에 해당 key가 있는지 판단하여 boolean 타입 리턴
  • for in : 객체를 순회할때 사용하며 배열의 for of와 같은 역할
  • delete : 객체의 특정 key-value값을 삭제(새로운 값을 추가하고 싶은 경우 원하는 key값에 할당하면 됨)
  • Object.keys : 객체의 키로 이루어진 배열을 리턴
  • Object.values : 객체의 값으로 이루어진 배열을 리턴
  • Object.entries : 객체의 키와 값의 쌍으로 이루어진 길이 2짜리 배열로 이루어진 배열을 리턴

배열과 마찬가지로 method는 복잡하고 긴 코드를 대체할 수 있기 때문에 어떤 method들이 있는지
알아두는 것이 좋다.

마치며

코드를 작성하다 보면 많은 변수가 필요해서 지저분하게 선언을 하는 경우가 있는데, 객체를 통해 좀더 효율적으로 코드를 작성하거나 데이터들을 관리해줄 수 있을 것 같다. Pair Programming으로 객체 코플릿 문제들을 풀어보면서 객체의 특성을 확실히 이해하는 것이 중요하다고 생각했다.

profile
개발자로 성장하기
post-custom-banner

0개의 댓글