HAHYE_ARCHIVE

[새싹 프론트엔드] 자바스크립트 자료형과 변수 본문

새싹

[새싹 프론트엔드] 자바스크립트 자료형과 변수

하혜2 2022. 11. 14. 19:33

자바스크립트 들어가자마자 나의 밑천이 바닥을 드러내기 시작했다

다른사람들의 몇배의 노력을 해야지 겨우따라가면서 

너 너무 게을러~ ㅎ

 

 

🖥 자바스크립트 자료형

✸ 자바스크립트의 기본 자료형

∙ 숫자타입 : 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

 

 

 

Comments