#1-10 Organizing Data with Objects

 

Array가 어떻게 동작하는지 알았으니 이제 Obejct 라고 불리는 것으로 데이터를 정렬해보자구요!
Object하고 Array의 다른 점은 Object에는 각 value에 이름을 줄 수 있습니다. 무언가를 리스트로 만들고 싶을땐 Array를 정의할 겁니다. 간단하잖아요. 그냥 리스트를 만들면 되니까요.

월, 화, 수, 목, 금, 토, 일로 요일리스트를 만들 수 있습니다.

그리고 나서 첫 번째 값을 얻으려면 daysOfWeek[0] 두 번째는 daysOfWeek[1]... 이렇게 쭉~ 가면 되겠죠?
근데 여기서 알아야 할 건 만약 여러분이 자신의 개인 정보를 저장하고 싶다면

일단 이렇게 만들겠습니다.  누구도 이 데이터를 정렬된 방식으로 접근할 수 없습니다. 왜냐하면 이건 그냥 리스트기 때문입니다. 이제 우린 dallaeInfo 리스트를 가지고 있지만 원하는 방식으로 정렬 되지는 않았습니다.

"이름이 뭐였더라?"

"아 이름 제일 처음에 썼지..."

"첫 번째 거니까 dallaeInfo[0] 입력!"

이건 효율적이지 않습니다. 그래서 우리가 소위 말하는 Object를 만들어 볼 것입니다. Array를 만들기 위해서는 [] 를 썼습니다. [ 브라켓 ] 을 앞 뒤로 써주는 거죠.
Object를 선언하기 위해서는 { 컬리 브라켓 }을 써주면 됩니다. 이게 Object를 생성하는 방법입니다.

Object는 Array같이 동작하지 않습니다. Array같이 적게되면 오류가 납니다. Array가 아니기 때문입니다. Object는 실제 객체를 만드는 건데, 무슨말이냐면 label을 여러분이 저장하고 싶은 data에 줄 수 있는 겁니다. 어떤 값들을 리스트로 나열하는 방법 대신 이렇게 할 수 있습니다.

 

어때요, 진짜 많이 다르지 않나요? 차이점을 살펴보세요. name은 텍스트가 아닙니다. "name" 이라고 적지 않아요. 그냥 name이라고 적는 겁니다. 왜냐 이건 변수이기 때문입니다.

이제 "어떻게 gender값만 출력할 수 있어?" 라고 물어 볼 수 있어요. console.log();에 변수명 gender를 입력하는 겁니다.
그럼 gender 값만 받을 수 있습니다. 데이터의 이름만 사용하는거예요. 우리가 붙인 이름들이요.
또한 원하면. 이렇게 변경할 수도 있습니다. dallaeInfo.gender = "male"

 

 

"Female" 에서 "male"로 바뀌었습니다. 이게 자바스크립트의 재밌는 점 중의 하나입니다. dalleInfo 안의 값은 바꿀 수 있고 Const안에 있는 값을 (gender) 바꿀 수도 있습니다. 

지난 글에서 데이터를 정렬하는데엔 두 가지 방법이 있다고 했습니다. Array와 Object.

만약 DB에서 가져온 리스트 데이터라면 Array를 선택하겠죠? 근데 그 데이터를 합쳐서 만들어야 한다면 많은 dallaeInfo라는 Array를 만들어야 할 것입니다. dallae info, mong info, choco info... 등등 그 말은 이것들을 섞을 수 있다는 것입니다. Array 안에 Object를 넣을 수 있습니다.

Object들의 Array를 만들었습니다.
name, age, gender, isCute, favMovies, favFood  Object안에 Array가 있고 그 안에 Object가 있는 것입니다. 이게 데이터를 정렬하는 방법입니다. 여기에 기억해야 할게 있는데 JavaScript 문법. 즉 규칙을 기억해야 합니다.

콤마(,) 빼먹지 마세요!!! 매우 중요!!! 그리고 String 쓸때 앞, 뒤에 " 넣는 거 잊지마세요! 😲


자! 여기까지가 자바스크립트의 데이터 타입 설명이었습니다. 마음에 들었으면 좋겠고. 다음 글에서는 논리적인 것들을
배워볼 것입니다. 지금까지는 논리적 코딩과 상관 없는 데이터 타입과 자바스크립의 간단한 룰, 문법을 보았고 데이터를 어떻게 Array로 정렬할지, Object로 정렬할지를 봤습니다.

실습이 필요하면 한 번씩 해보시길 바랍니다. Object 만들어서 console.log에 찍어도 보고요. 혼자서 실습을 많이 해보길 바라요. 그냥 이 글 보고 읽지만 말고, 직접 해보고 많이 실수 해보기를 바라요.

다음편엔 이 데이터 타입을 이용해서 논리적인 것을 해보겠습니다~~~ 수고하셨습니다. 다음 글에서 만나요!