객체(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 |
쵸잇