TIL : Array와 Object

Perfume·2020년 9월 8일
0

JavaScript

목록 보기
4/13

데이터를 Organizing하는 두 가지 방법이 있다.

1. array

간단히 말하자면 []와 ,를 이용해 작성하는 방식이다.

const flower = ["daisy", "rose", "sunflower", "dandelion"
]

이런 식으로!

console.log(flower);

하면 [] 안의 내용들이 출력된다. 조금 더 응용해서,

console.log(flower[2]);

하면 sunflower가 출력된다. 왜 rose가 아니라 sunflower일까?

컴퓨터는 사람과 달리 0부터 카운트하기 때문이다. 따라서 데이지가 0, 장미가 1, 해바라기가 2가 된다.

이런 식으로 []를 이용해 데이터를 정렬하는 것을 array라고 한다.

2. object

object는 {}를 이용해 작성한다. object와 array의 가장 큰 차이점(?)이 있다면 object는 데이터에 라벨을 붙일 수 있다는 점이다.

const cherieInfo = {
name: "cherie"
age: 6
gender: "male"
species: "Russian Blue"
}

이런 식으로 말이다. 특정 정보를 출력하는 방식도 array와는 조금 다르다. 숫자가 아니라 .을 이용한다.

console.log(cherieInfo.gender);

이 경우 세리의 성별인 male이 출력된다. 만약 중간에 cherieInfo의 내용값 중 한 가지를 바꾸면 어떨까?

const cherieInfo = {
name: "cherie"
age: 6
gender: "male"
species: "Russian Blue"
}

console.log(cherieInfo.gender);

cherieInfo.gender = "female"

console.log(cherieInfo.gender);

이 경우

male
female

이런 식으로 출력된다. const로 선언된 cherieInfo 자체는 바꿀 수 없지만,

그 안의 일부는 수정이 가능한 것이다! 흥미진진..!

profile
공부하는 즐거움

0개의 댓글