6. 객체

홍진우·2020년 10월 15일

자바스크립트

목록 보기
6/11
post-thumbnail

객체는 우리가 변수 혹은 상수를 사용하게 될 때 하나의 이름에 여러 종류의 값을 넣을 수 있게 해줍니다.

객체를 선언 할 때에는 이렇게 { } 문자 안에 원하는 값들을 넣어주면 됩니다.
값을 집어 넣을 때에는 키 : 원하는 값 형태로 넣으며, 키에 해당하는 부분은 공백이 없어야합니다.
만약 공백이 있어야 하는 상황이라면 이를 따옴표로 감싸서 문자열로 넣어주면 됩니다.

한번 영화 어벤져스의 캐릭터 아이언맨과 캡틴 아메리카의 정보를 객체 안에 집어 넣어봅시다.

내가 요약했던 객체 자료들

  1. 객체의 기본 리스트의 상세

    각각의 데이터가 어떤 데이터인지 설명할 때가 필요합니다.
    그런 경우에는 객체를 쓰게 됩니다.

var memberObject = {
manager : 'hong',
developer : 'kim',
designer : 'park'
}
console.log("memberObject.designer", memberObject.designer); // memberObject.designer park

2. 객체의 설명

var memberObject = {
manager : 'hong',
developer : 'kim',
designer : 'park'
}

같은 취지의(서로 연관된) 변수와 함수들을 이렇게 객체로 그룹핑해서 거기다가 이름을 붙힌 것이올시다!!

나는 객체(Object)야!!
객체로서 여러가지 속성이 있는데
속성마다 이름이 또 있거든

이름이라면 '이름'이라는 속성과 값이라는 내 이름,
물건이라면 '물건'이라는 속성과 그 물건의 이름,
행동이라면 '행동 중에 하나' 그리고 그 행동의 이름!!

3. 객체는 언제 쓰일까요?

내장되어있다. ( built-in )
1. 파이의 값이 궁금하다!
console.log(Math.PI);

2. 랜덤한 값을 원한다!
console.log(Math.random( ));

3. 소수 점의 숫자를 내려서 정수로 바꾸고 싶다.
console.log(Math.floor(3.9)); // 3

여기서 핵심은 JavaScript 개발자들이 개발을 쉽게 하라고
여러 기능들을 미리 만들어서 준건데 이 것들을 객체를 이용했습니다.

위에 예시는 객체의 이름을 Math라고 정하였고 그 안에 파이에 관련된 PI
그래서 객체 Math에 PI를 사용하겠다 Math.PI
랜덤도 객체에 메소드(함수)를 넣어서 Math.random( )를 생성하게 된 것이다.
이미 만들어진 객체를 사용하지 않고 JavaScript Application을 만든다는 것은 사실상 불가능하다.
이미 객체를 사용하고 있었다. 그 것도 이해도 하기 전에 익숙해진 것이 객체였다!

profile
나는 나

0개의 댓글