HAHYE_ARCHIVE
[새싹 프론트엔드] 자바스크립트 자료형과 변수 본문
자바스크립트 들어가자마자 나의 밑천이 바닥을 드러내기 시작했다
다른사람들의 몇배의 노력을 해야지 겨우따라가면서
너 너무 게을러~ ㅎ
🖥 자바스크립트 자료형
✸ 자바스크립트의 기본 자료형
∙ 숫자타입 : 5; , 10; ,,,,
∙ 문자열 타입 : "안녕하세요. 저는 누구입니다."; (" "이 중요.!!!!! 숫자를 ""으로 감싸도 문자형임)
∙ 논리 타입 : //참(true) 또는 거짓(false)이 될 수 있는 값 true;
✸ 덧셈, 뺄셈, 곱셈, 나눗셈 같은 기본 사칙 연산 수행
∙ 연산자(operator)라는 기호 +,-,*,/ 가 사용
∙ 연산자 우선 순위 : 사칙연산과 같음! 곱셈,나눗셈 > 덧셈, 뺄셈 순으로!
🖥 변수
✸ 변수란?
∙ 데이터를 저장하는 공간의 이름
∙ C나 Java와 달리, 변수에 데이터 타입을 정하지 않음
✸ 변수 선언 방법
∙ var 키워드 : 사용하지 말자
∙ let 키워드 : const 외에 모든것
∙ const 키워드 : 고정된 값, 상수
✸ 변수 값 초기화
∙ 변수에 값을 할당하는 것
∙ 변수 나이의 값을 12로 초기화? -> let 나이 = 12;
∙ 변수 값을 바꾸고 싶으면? 다시 등호를 사용
이미 '나이'라는 변수가 존재하기 때문에 let 키워드를 사용하지 않음 -> 나이 =13;
✸ 변수 타입과 값
∙ 자바스크립트에는 변수의 타입이 없음
∙ 따라서 아무 값이자 저장할 수 있음.
=> score = 66; // 정수 저장가능
=> score = "high" //문자열 저장가능
🖥 증가/감소 연산자
✸ 증가와 감소
∙ 1씩 늘어나는 것은 증가, 1씩 줄어드는 것은 감소라고함
∙ 증가 연산자 (++) , 감소 연산자(--)
∙ 전위 연산자
- 연산자를 변수 앞에 작성
- 증가 또는 감소한 후 의 값이 반환됨
∙ 후위 연산자 (이 친구를 더 자주씀)
- 연산자를 변수 뒤에 작성
- 증가 또는 감소하기 전의 값이 반환
✸ 증감 연산자
연산자 | 내용 |
++a | a를 1 증가한 후, a 값 사용 |
--a | a를 1 감소한 후, a 값 사용 |
a++ | a를 1 사용한 후, a 값 1 증가 |
a-- | a를 1 사용한 후, a 값 1 감소 |
✸ 오른쪽 식의 결과를 왼쪽에 있는 변수에 대입
연산자 | 내용 |
a = b | b값을 a에 대입 |
a += b | a = a + b 와 동일 |
a -= b | a = a - b 와 동일 |
a *= b | a = a * b 와 동일 |
a /= b | a = a / b 와 동일 |
a %= b | a = a % b 와 동일 |
ex) x += 5는 x = x+5와 같은 의미
ex) x -= 9는 x = x-9와 같은 의미
🖥 불리언(boolean) 논리 연산자
✸ 참이나 거짓, 둘 중 하나의 값을 말함 (참 true, 거짓 false)
✸ 불리언 연산자
∙ 숫자를 산술 연산자 (+,-,*,/등)와 함께 사용하듯이 불리언 값(TRUE, FALSE)은 불리언 연산자와 함께 사용
&& | AND |
|| | OR |
! | NOT |
✸ && (AND)
∙ 두 개의 불리언 값이 모두 참인지 확인
A | B | A&&B |
참 | 참 | 참 |
참 | 거짓 | 거짓 |
거짓 | 거짓 | 거짓 |
거짓 | 참 | 거짓 |
✸ || (OR)
∙ 두 개의 불리언 값이 하나라도 true인지 확인
A | B | A||B |
참 | 참 | 참 |
참 | 거짓 | 참 |
거짓 | 거짓 | 거짓 |
거짓 | 참 | 참 |
✸ ! (NOT)
∙ false는 true로, true는 false로 바꿈
A | !A |
참 | 거짓 |
거짓 | 참 |
✸ 논리 연산자 우선 순위
∙ && > || (AND가 OR보다 우선순위가 높다)
🖥 비교 연산
✸ 두 값을 비교한 결과가 true 또는 false인 연산
연산자 | 내용 |
a < b | a가 b보다 작으면 true |
a > b | a가 b보다 크면 true |
a <= b | a가 b보다 작거나 같으면 true |
a >= b | a가 b보다 크거나 같으면 true |
a == b | a가 b와 같으면 true |
a != b | a가 b와 같지 않으면 true |
✸ 두 숫자가 같은지 확인
∙ 삼중 등호 (===) 사용
- 두 값이 완전히 같습니까? 라는 뜻으로 사용
- 등호 한개(=)는 변수 오른쪽에 있는 값을 왼쪽에 저장하라는 뜻임
>> var 비밀숫자 = 5;
var 아이언맨추측 = 3;
비밀숫자 === 아이언맨추측;
<< false
>> var 헐크추측 = 7;
비밀숫자 === 헐크추측;
<< false
>> var 토르추측 = 5;
비밀숫자 === 토르추측;
<< true
✸ 자료형의 유형이 다른 두 개의 값이 같은지 비교
∙ 이중 등호 (==) 사용
>> var 문자열숫자 = “5”;
var 진짜숫자 = 5;
문자열숫자 === 진짜숫자;
<< false
>> 문자열숫자 == 진짜숫자;
<< true
'새싹' 카테고리의 다른 글
[새싹 프론트엔드] 노션정리^^ (0) | 2022.11.28 |
---|---|
[새싹 프론트엔드] 자바스크립트 복습 (1) | 2022.11.21 |
[새싹 프론트엔드] 자바스크립트 문법 (0) | 2022.11.01 |
[새싹 프론트엔드] 메뉴바 만들기 (0) | 2022.10.26 |
[새싹 프론트엔드] CSS3 레이아웃 (0) | 2022.10.26 |