객체(object)를 이용해 데이터 다루기

그리고 똑같은 리스트 방식인 배열(array)과 다른 점 살펴보기


배열(array)의 문제점은 뭘까?


  • 내 정보인 이름(name), 나이(age), 성별(gender), 조건문(true or false)에 대한 값을 배열(array)로 만들었다.
  • console.log() 메소드를 통해 나이만 출력하고 싶다.


1
2
3
const my_info = ["Ryan"31"male"true]
 
console.log(my_info[1]);
cs


  • 우선 나이에 대한 데이터가 my_info에서 배열 몇 번째에 있는지 알아야 출력이 가능해진다.
  • 만약 배열 안에 데이터가 100만 개가 있다면 4만 7천번째 값이 뭔지 알아야 꺼낼 수 있다는 말이다.
  • 따라서 효율적으로 데이터를 관리하기 위해서 객체(object)를 사용한다.



동일한 데이터를 가지고 객체로 만들어보자


  • 객체는 {}괄호를 사용하고, 데이터에 이름을 붙여준다.
  • 데이터로는 문자, 숫자, 배열, 객체도 사용 가능하다.


1
2
3
4
5
6
7
8
const my_info = {
  name : "Ryan",
  age : 31,
  gender : "male",
  isHandsome : true,
}
 
console.log(my_info.age);
cs


  • 원하는 데이터를 호출하려면 객체에 점(.)을 찍은 후 데이터에 지정해준 이름을 적으면 된다.

  • 호출한 데이터로 console.log() 메소드를 통해 출력할 수 있다.



1
2
3
4
5
console.log(my_info.age);
 
my_info.age = 32
 
console.log(my_info.age);
cs


  • 호출한 데이터에 '32'를 입력하여 age 데이터를 바꿀 수 있다. 


'코딩 연습 > Javascript' 카테고리의 다른 글

함수(function)  (0) 2018.12.05
배열(array)과 객체(object)를 확장해서 사용  (0) 2018.12.04
배열(array)  (0) 2018.12.04
카멜 표기법(camel case)  (0) 2018.12.04
자료형(data type)  (0) 2018.12.04
블로그 이미지

쵸잇

,