• #1-9 Organizing Data with Arrays

    2021. 8. 24.

    by. 고구마달랭이

     

    자! 그럼, 어떻게 우리가 가진 데이터 타입을 정렬할까요?😮
    정답은 두 가지인데 하나는 Array고 다른 하나는 Object입니다. Array란 리스트 처럼 데이터를 저장하는 곳입니다.
    예를 들어 우리가 요일을 정렬한다고 하면


    이 변수명을 보세요. 자바스크립트에서는 문법을 위한 규칙이 필요합니다.

     


    또 이렇게도 작성하면... daysofweek 이라고 써도 오류는 없습니다. 하지만 일하는 동료 혹은 나중에 여러분 자신도 이걸 보면 만든 사람에게 분노하게 될 것입니다. 왜냐하면 이건 Camel case라는 방식으로 써야 하기 때문이죠. camel(낙타)는 등이 구불구불 하죠?🐪 camel case란 변수명을 언제나 소문자로 시작해서 중간에 스페이스가 필요하면 스페이스 대신에 대문자를 써주고 그 다음 다른 단어를 쓰는 것을 말합니다. 자바스크립트엔 스페이스를 변수명에 쓸 수 없으니까요.

    Camel case ➡ camelCase

    스페이스가 없더라도 변수명에 .(점), /(슬래시)으로 시작하는 등 이상한 문자 넣으면 안 돼요! 미래의 여러분에게 미움받고 싶지 않다면 꼭 이렇게 작성 하도록 해요. 잠깐 뒤 돌아보면 기억 안 나는 게 내가 짠 코드거든요.

    그럼 이제 daysOfWeek이란 Array를 만들고 싶다면 어떻게 해야 할까요?

    이렇게 변수를 선언 해주고... 자! 이제 여기서 누군가 여러분의 데이터 베이스에 있는 모든 요일을 보고 싶다고 하면, Awesome.😎 우린 개발자니까 아래 처럼 할 수 있겠죠.

     

    와우! 어때요? 잘 출력되네요. 하지만 이건 전혀 효과적이지 않습니다. 우린 이걸 하나로 묶을 수 있고 그것을 Array라고 부릅니다. Array는 여러 string들을 하나로 묶는 것을 말합니다.

    Array를 만들어 볼까요?

    짜잔! Array를 만드는 방법은 어렵지 않습니다. 쉽죠! [] 의미가 Array 인 것입니다. [] 사이에 무언가를 넣으면 그게 Array가 되는 겁니다. 물론 여기엔 우리가 전에 말한 데이터 타입만 쓸 수 있어요. 텍스트, true/false, numbers, floats 등등...

    Array는 규칙을 가지고 있습니다. 예를 들어 "난 Array 3번째 요일을 알고 싶어!" 라고 한다면

    이렇게 하면 됩니다. daysOfWeek[2] 그리고 실행하면 3번째에 저장된 요일인 Wed가 나옵니다.
    "왜 3을 안쓰고 2를 쓰는 거야?" 라고 궁금할 수 있어요. 왜냐면, 컴퓨터는 사람이 아닙니다. 그래서 숫자를 0부터 세기 시작합니다. Mon은 0, Tue는 1, Wed는 2, 이렇게 말이에요. 그래서 이렇게 2라고 작성한 겁니다.
    daysOfWeek[1]라고 하면 두 번째 요일을 daysOfWeek[0]라고 하면 첫 번째 요일을 주겠죠?
    daysOfWeek[432] 값을 가지고 싶으면?

     

    undefined 존재하지 않네요.

    이게 데이터를 Array에 넣는 첫 번째 방법이었습니다. []에 뭐든 넣고 싶은걸 넣으면 됩니다. 심지어 변수 something을 넣어도 돼요. 전혀 문제 되지 않아요! 이렇게 데이터를 array로 정렬할 수 있는 방법을 알아보았습니다.

    다음 글에서는 Object로 데이터를 정렬해보도록 해요😉 이 글에서 한 거랑은 살짝 다를 거예요.
    또 만나요!

    댓글