[JavaScript] 변수와 연산

🦁 요즘 빠르게 나가는 자바스크립트 진도를 쫓아가지 못해
제공해주신 인프런 자바스크립트100제 강의중, 자바스크립트 기본강좌를 들으며
기초를 다지고 있다. 기록하며 하나하나 정리해나가야지!
💛 자바스크립트야,, 친해지자,,

1. 변수

특징

• 문자와 숫자, 기호$와 _만 사용
• 첫글자가 숫자가 될 수 없다
• 대소문자 구별
• 예약어 사용 못함

변수 선언 방식

• var
• const : 재선언, 변수 재할당 불가능
• let : 변수 재할당 가능

2. 연산 (증감연산과 할당연산)

var x, y, z;
x=5;
y=9;

y++; //10
x--; //4
--x; //3
++x; //4
x = x + 2; //6
x += 2; //8
x *= 2; //16

+= 와 -= 같은 형태 기억할 것

3. template literal

var 이름 = '주혜린';
var 나이 = 10;

document.write('제 이름은', 이름, '입니다.', '제 나이는', 나이, '입니다.');
//위를 template literal로 아래처럼 더 편하게 쓸 수 있다.
document.write(`제 이름은 ${이름}입니다. 제 나이는 ${나이}입니다.`);

4. 비교연산

• = : 대입
• == : 비교 ( type 고려X )
• === : 비교 ( type 고려O )
• != : 같지 않다

var x, y, z;
x = 10;
y = 20;
z = '10';

document.write(`x == z : ${x == z}`); //true
document.write(`x === z : ${x === z}`); //false

4. 논리연산

• || : Or, 합
• && : And, 곱
  
  
• true = 1
• false = 0

(1) Or, 합

document.write(`true || true : ${true || true}`);
// true || true : true

document.write(`true || false : ${true || false}`);
// true || false : true

document.write(`false || true : ${false || true}`);
// false || true : true

document.write(`false || false : ${false || false}`);
// false || false : false

(2) And, 곱

document.write(`true && true : ${true && true}`);
// true && true : true

document.write(`true && false : ${true && false}`);
// true && false : false

document.write(`false && true : ${false && true}`);
// false && true : false

document.write(`false && false : ${false && false}`);
// false && false : false

(3) not

document.write(`!true : ${!true}`);
// !true : false

document.write(`!false : ${!false}`);
// !false : true

(4) Example

let x = 10;
document.write(`x%3==0 && x%5==0 : ${x%3==0 && x%5==0}`);
//x%3==0 && x%5==0 : false

x인 10은 5의 배수는 맞지만 3의 배수는 아니다.
&&인 곱이므로 둘 중 한 가지 조건이 false면 false다.

5. 변수의 타입

• String
• Number
• Boolean
• undefined
• Object
• function
• NaN