[JavaScript] 변수, 자료형과 연산자

dygreen·2022년 4월 6일
0

JavaScript

목록 보기
1/9
post-thumbnail

📝 객체 기반 언어 JavaScript 기초 내용을 정리해보겠습니다!

📌 변수?

: 프로그램이 실행되는 도중에 계속해서 바뀌는 값을 저장하기 위한 공간

변수에는 1개의 데이터만 담을 수 있다 (업데이트되면 이전 데이터를 버림)
*여러개 넣을 수 있는 것 : 배열

// 업데이트되면 이전 데이터를 버리는 과정
let color = "blue";
color = "orange"; /*blue가 버려지고 orange가 남는다*/
// 변수에 저장된 값을 변경할 때는 let을 붙이지 않는다(불가능)

📌 var, let, const

  • var
    : 변수를 중복으로 사용하는 것을 막지 않기 때문에 에러가 발생하기 쉬움
    👉 재선언O, 재할당O
    👉 사용 가능 범위 | function-scoped = 함수 안에서 선언하면 함수 안에서만 사용 가능 (❗️no block-scoped❗️)

  • let
    : 변수를 중복으로 사용할 수 없게 되어 있음
    👉 재선언X, 재할당O
    👉 {block-scoped} = 중괄호 안에서 만든 변수는 중괄호를 벗어나면 사용 불가능

  • const
    : '상수변수'이기 때문에 한 번 할당이 되면 그 값이 영원하므로 재할당이 불가능!
    👉 재선언X, 재할당X
    👉 {block-scoped} = 중괄호 안에서 만든 변수는 중괄호를 벗어나면 사용 불가능


    ES6 버전에서 새로나온 let, const | 초기 버전 var

📌 자료형

: 값을 성질에 따라 분류한 것

  • Primitive Type(원시타입): 한 번에 하나의 값만 가질 수 있고, 하나의 고정된 저장공간 이용
    | 종류 | 숫자, 문자, Boolean, undefined, null

  • Non Primitive Type(비원시타입): 한 번에 여러개의 값을 가질 수 있고, 여러개의 고정되지 않은 동적 공간 이용
    | 종류 | object, array, function


📌 연산자

| 종류 | 1. 산술 연산자, 2. 문자결합 연산자, 3. 복합 연산자, 4. 증감 연산자, 5. 비교 연산자, 6. 논리 연산자, 7. 삼항 조건 연산자

이 중 몇 가지 연산자만 정리해보겠습니다!

4. 증감 연산자
증감 기호는 어느 위치에 붙이냐에 따라 의미가 달라지는데,

뒤에 붙인 경우)

let num = 20;
result = num++;

👉 num을 result 변수에 할당한 후, ++를 진행함
즉, console에 출력해보면 21이 나온다.


앞에 붙인 경우)

result = ++num;

👉 위에서 21이된 num 을 ++(1 증가)시키고, result에 그 값을 할당함. 즉, 출력하면 22가 나온다.

7. 삼항 조건 연산자

조건식 ? 조건식 참일 때 실행할 코드 : 조건식 거짓일 때 실행할 코드


📚 Reference

: 국비지원 수업

profile
✨감명깊은 앞단을 향한 꾸준한 여정✨

0개의 댓글