[스파르타 코딩클럽] 웹개발 종합반 1주차 복습_Javascript 기초 중 자료형 (1-13)

1-13. Javascript 기초

자료형_리스트 & 딕셔너리

자료형⚗︎·̫⚗︎

자료형에는 리스트와 딕셔너리가 있다. 리스트 자료형은 순서가 중요한 담기이다. 표현 방식은 아래와 같다. 

let a_list = ['딸기', '키위', '체리']

마찬가지로 어떤 값을 담아줘야 하므로, 변수를 선언해준다. 변수 이름은 역시 아무렇게나 가능하다. 하지만 타인이 봐도 알아볼 수 있게 짓는다. 크롬 개발자 도구의 콘솔탭에서 작성하고 확인하면서 따라했다. 

a_list[0]
a_list[1]
a_list[2]

이렇게 console 창에 입력하면 각각에 해당하는 값을 확인할 수 있다. 딸기, 키위, 체리 순으로 값이 나온다. 만약 a_list에 값을 추가하고 싶다면, 구글링해보면 된다. 구글 검색창에 "자바스크립 리스트 추가" 등의 검색어로 쉽게 찾아볼 수 있다. 아래와 같이 '망고'를 추가했다. 

a_list.push('망고')

 

---

 

딕셔너리⚗︎·̫⚗︎

컴퓨터 프로그래밍 언어도 평상시 많이 쓰는 값을 담는 것에서부터 출발했다. 예를 들어, 딕셔너리형은 "너 생일이 언제니?" 물어보면은 '생일'이라는 단어에 대응되는 날짜를 이야기해달라는 것처럼. 다시 말하면, '생일'이라는 key값에 대응되는 value값을 이야기해달라는 것이다. 개인적으로 떠오르는 건 전화번호부☎️다. 이름이라는 키 값에서 전화번호가 대응되겠다. (*흠;; 쓰고나니 옛날 사람같네..) 이메일이 대응될 수도 있고

let a_dict = {'name' : 'jake', 'age' : 40}    //*그렇다...제이크 질렌할이다...

 

a_dict 변수 선언하여, 컴퓨터에 저장(?)해주었으니 불러와본다. 

> a_dict['name'] 이라고 콘솔창에 쳐주면 < 'jake'라고 화답해준다. 

 

 

a_dict['jake'] 라고 그 반대로도 한 번 쳐봤는데, 정의되지 않음이라고 대답해준다. 에러창은 따로 안뜨네. 함수에서 정의역-공역 관계 같은 느낌인가? 참고로 그 직전에 문법에도 맞지 않는 듯한데,  a_dict['jake]'라고 오타내니까 오류 알림이 떴다. "Uncaught SyntaxError: Unexpected end of input" 오류창보고 다시 보니까 브라켓을 잘못 닫은 것이었다.  

가지고 올 때는 [꺽쇠]로, 선언할 때는 {중괄호}로 표현한다. 나는 아직 선언할 때와 불러올 때 표현하는 방식이 무척 헷갈린다. 눈으로 익히고 손으로 자주 쳐봐야겠다.

a_dict 변수에 딕셔너리 자료형에 값을 추가할 땐 아래와 같이 작성한다. 리스트 자료형에 새로운 값을 추가할 때는 아까 위에서와 같이 .push로 넣었다. 아까 것은 '순서가 중요한 자료형이 그런가?' 궁금했지만 걍 넘어간다. 그런 게 중한 것이 아니니

a_dict['height'] = 182

 

---

 

리스트 + 딕셔너리 조합 ⚗︎·̫⚗︎

a_dict 변수에 아까 위에서 만들었던 리스트 자료형인 a_list 변수를 넣어줬다. 

a_dict['fruits'] = a_list

a_dict를 다시 확인해보면, fruits가 포함되어 있고 안에 a_list 리스트 자료가 포함되어 있음을 확인할 수 있다. 리스트와 딕셔너리가 서로 서로의 요소로 쓰일 수 있다고 한다. 헷갈린다..!

+ 추가로 a_dict에 fruits의 list 자료 확인해본다.