자바스크립트 기초문법 - 변수, 리스트, 딕셔너리

2022. 2. 28. 18:08· Language/javascript
반응형
더보기

목차

  1. 자바스크립트 - 변수
  2. 자바스크립트 - 리스트와 딕셔너리

1. 자바스크립트 - 변수

1. 변수와 기본 연산 알아보기

변수 대입에 있어서 a = 3의 의미는 3이라는 것을 a라는 변수에 넣는다는 의미이다.

<script>
    // let으로 변수를 선언한다
    let a = 1
    let b = 2

    a + b // 3

    let first = 'Bob'
    let last = 'Lee'

    first+last // 'BobLee'
</script>

* 변수 명과 같은 경우에는 first_name 또는 firstName 등처럼 알아보기 쉽게 쓰는 것이 중요하다.


2. 자바스크립트 - 리스트와 딕셔너리

리스트는 순서를 지켜서 가지고 있는 형태라고 할 수 있다. 

<script>
    let a_list = []  // 리스트를 선언. 변수 이름은 역시 아무렇게나 가능!

    // 또는,

    let b_list = [1,2,'hey',3] // 로 선언 가능

    b_list[1] // 2 를 출력
    b_list[2] // 'hey'를 출력

    // 리스트에 요소 넣기
    b_list.push('헤이')
    b_list // [1, 2, "hey", 3, "헤이"] 를 출력

    // 리스트의 길이 구하기
    b_list.length // 5를 출력
</script>

 

딕셔너리는 키와 밸류 값의 묶음이라고 할 수 있다.

<script>
    let a_dict = {}  // 딕셔너리 선언. 변수 이름은 역시 아무렇게나 가능!

    // 또는,

    let b_dict = {'name':'Bob','age':21} // 로 선언 가능
    b_dict['name'] // 'Bob'을 출력
    b_dict['age'] // 21을 출력

    b_dict['height'] = 180 // 딕셔너리에 키:밸류 넣기
    b_dict // {name: "Bob", age: 21, height: 180}을 출력
</script>

 

반응형
저작자표시 비영리 동일조건 (새창열림)
'Language/javascript' 카테고리의 다른 글
  • [TIL] 자바스크립트 기초문법 - 기본 연산자(+, -, *, /, %)
  • [TIL] 자바스크립트 기초문법 - 형변환(자동 형변환, 명시적 형변환)
  • 자바스크립트 기초문법 - alert, prompt, confirm
  • 자바스크립트 기초 문법 - 함수, 조건문, 반복문
도잎
도잎
프론트엔드 개발 성장기록
도잎
JDevelog
도잎
전체
오늘
어제
반응형
  • 분류 전체보기 (149)
    • Web dev (48)
      • React (22)
      • Vue (8)
      • Next.js (6)
      • Node.js (2)
      • Springboot (2)
    • App dev (2)
      • Flutter (2)
    • Language (33)
      • javascript (30)
      • typescript (2)
      • java (1)
    • StyleSeet (3)
      • CSS (3)
      • Sass (0)
    • Database (2)
      • PostgreSQL (1)
    • DevOps (11)
      • Webpack (4)
      • Linux (3)
      • Docker (2)
      • Tomcat (1)
    • 개발지식 (2)
      • Web (1)
    • 항해99(6기) (20)
    • UXUI (0)
    • 알고리즘 (25)
    • 유용정보 (2)

최근 글

hELLO · Designed By 정상우.v4.2.1
도잎
자바스크립트 기초문법 - 변수, 리스트, 딕셔너리
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.