본문 바로가기
It/JavaScript

[Nomadcoder_VanillaJS] 크롬 App 만들기, #1.9 Organizing Data with Arrays

by jaeeun_98 2020. 4. 12.

Nomadcoder_VanillaJS, 크롬 App 만들기

D-7

https://youtu.be/VvNF3rFWIkQ

 


 

1. 이름 저장 방법

JS에서는 변수나 배열 이름을 만들 때 규칙이 있다.

바로 낙타식 표현법(camel case)이다.

낙타식 표현법으로 쓰지 않았다고 해서 오류가 나지는 않는다.

하지만, 다른 사람과의 작업을 위해 암묵적으로 정해져있다.

시작은 소문자로 하며,

중간에 띄어쓰기가 필요하면 띄어쓰기 대신

그 다음 문자의 첫 글자를 대문자로 써준다.

ex) days of week

 

또한 숫자를 사용할 순 있지만,

맨 앞에 오면 안 된다.

 

 

마지막으로 특수기호와

띄어쓰기는 사용할 수 없다.

사용할 수 있는 특수기호는 '_' 하나이다.

 

 

2. Array(배열)

Array = 데이터를 저장하는 곳이라고 생각하면 편하다.

여러 데이터들을 정렬하여 저장할 수 있다.

Array = 데이터 저장소(정렬) = []

ex) 요일을 저장하고 싶다

 

원래라면, 이런식으로 하나하나 적어서 저장해야 한다.

 

 

그러나 배열을 사용하면 이것들을 한 번에 묶어서 저장할 수 있다.

 

 

 

훨씬 간편하고 보기 편하다.

이런식으로 [] 안에 넣는 무언가들이 array가 된다.

이 [] 안에는 전에 배운 데이터 타입들도 들어갈 수 있다.

ex) true

 

 

이처럼 true를 넣어도 오류가 나지 않는다.

또한, array 안에는 변수를 넣는 것도 가능하다.

ex) Something

 

 

이렇게 변수를 사용해도 오류가 나지 않는다.

그렇다면 array의 요소를 하나만 가져올 순 없을까?

당연히 가능하다.

'배열이름[요소의 번호]'를 적으면 된다.

ex) Wed

 

 

이처럼 Wed만 화면에 표시된다.

왜 Tue가 아니라 Wed가 나오는지 의문을 품을수도 있다.

컴퓨터는 1이 아니라 0에서 시작한다.

즉, mon = 0번째 tue = 1번째 요소가 되는 것이다.

그렇기 때문에 2번째 요소는 Wed가 되어 출력된다.

정리하면,

1. Array = 데이터 저장소(정렬) = []

2. 데이터타입(Text True/False Number Floats)의 형태만 가능하다.

3. 변수도 저장 가능하다.

4. Array의 요소 중 하나만 선택해서 가져오는 것도 가능하다.

다음시간에는 또 다른 저장 방법인 Object에 대해서 다루겠다.

댓글