티스토리 뷰
변수
- 데이터를 저장할 수 있는 메모리 공간으로 그 값은 변경될 수 있다.
- 선언되지 않은 변수를 초기화 할 경우 자동으로 선언을 먼저 하고 초기화를 진행한다.
var currentYear = 2021;
var birthYear = 2000;
var age = currentYear - birthYear + 1 //age = 22
alert(`당신의 나이는 ${age}세입니다.`) //Template Literal
자료형
- 컴퓨터가 처리하는 자료의 형태
- 기본형
- number: 따옴표 없이 표기한 숫자
- string:`나 "로 묶어 나타낸 것
- boolean: true와 false 2가지 값만 가지고 있는 유형
- undefined: 자료형을 지정하지 않았을 때 유형. 변수를 선언만 하고 값을 정의하지 않았을 때.
- null: 값이 유효하지 않을 때
birthYear = prompt("태어난 해는?") //프롬프트창에 아무런 값도 입력하지 않고, 취소 버튼을 눌렀을 때 값이 유효하지 않으므로 null이 출력된다.
- 복합형
- array: 하나의 변수에 여러 값을 저장
- object: 함수와 속성이 함께 포함된 유형
var student = {
name : "도레미",
age : 20,
isPassed : true
}
연산자
- 비교 연산자: 두 값을 비교하여 true나 false로 결과값을 내놓는 연산자
==, !=: 2개의 값이 같은지 다른지 확인
===, !==: 2개의 값과 자료형까지 완벽하게 같은지 다른지 확인
3 == "3" //값은 같다고 본다.
3 === "3" //값은 같으나 자료형은 다르다.
3 + "10" // '310', 숫자와 문자열이 만나 연결되면 문자열로 자동 형변환된다.
"10" - 3 // 7, 더하기 기호 빼고 나머지 연산은 숫자로 처리한다.
birthYear = parseInt(prompt("태어난 해는?")); //프롬프트창은 문자열로 받으므로 숫자는 형변환 필요
제어문
- 소스 실행 순서를 결정하는 명령문
- 조건에 따라 순서 조절:if, if-else, switch
- 반복 횟수 조절: for, while, do-while
- 소스 흐름에 영향을 줌: continue, break
'JS' 카테고리의 다른 글
JS - Promise (0) | 2023.05.13 |
---|---|
JS - Callback 함수 (0) | 2023.05.13 |
JS문법4 - DOM (0) | 2023.03.04 |
JS문법3 - 객체, 사용자 정의, Array (0) | 2023.03.04 |
JS문법2 - 함수 (0) | 2023.03.03 |