[dream coding] 5강 표현식, 연산자 TIL

표현식이란 무엇이냐 ?

💡' 값 '으로 평가될 수 있는 ' 문 '

1; 		//숫자 리터럴 표현식
1+1; 	//연산자 표현식
sum();	//함수 호출 표현식

//표현식이 아닌 것 ❎
let b; 	//선언문 :선언 자체는 값으로 평가 X
//표현식인 문 ✅
b=2;	//할당문, 할당 표현식인 문 O

💡값 value

• 값은 표현식이 평가되어 생성된 결과를 말한다.

//식으로 생성하기
let sum = 10+20; // 값:30

//리터럴로 생성하기
let sum = 30; // 값 30

💡문 statement

• 프로그래밍을 구성하는 가장 기본 단위이자 최소 실행 단위
• 문은 여러 토큰으로 구성된다.
• 토큰은 문법적으로 더이상 나눌 수 없는 코드의 기본 요소를 의미
  예를들어 키워드,식별자,연산자,리터럴,세미콜론,마침표 등

// 변수 선언문
var x;  // 변수가 선언된다.

// 할당문
x = 2; // 값이 할당된다.

// 함수선언문 
function foo() {} //함수가 선언된다.

// 조건문
if (x > 5){console.log(x);} // 지정한 조건에 따라 코드 블록이 결정되어 실행된다.

// 반복문
for(var i = 0; i < 10; i++) {console.log(i);} //특정 코드 블록이 반복 실행된다.

---

연산자

💡산술 연산자

• 더하기 연산자 주의점 : 숫자와 문자열을 더하면 문자열로 변환됨

let text = '1' + 1; // 숫자와 문자열을 더하면 문자열로 변환됨
console.log(text); //11 (string)

console.log(5 + 2); //더하기
console.log(5 - 2); //빼기
console.log(5 * 2); //곱하기
console.log(5 / 2); //나누기
console.log(5 % 2); //나머지 값
console.log(5 ** 2); // es7 지수(거듭제곱)
console.log(Math.pow(5, 2));

💡단항 연산자

• 양➕, 음➖, 부정❗️

let a = 5;
a = -a; // -5
a = +a; // +(-5)

let boolean = true;
console.log(boolean);	//true
console.log(!boolean);	//false
console.log(!!boolean);	//true

console.log(!!1); // true
// !! 값을 boolean 타입으로 변환함

• 숫자가 아닌 타입들을 숫자로 변환함면 어떤 값이 나오는지 확인 가능

console.log(+false); // 0
console.log(+null); // 0
console.log(+''); // 0
console.log(+true); // 1
console.log(+'text'); // NaN
console.log(+undefined); // NaN

💡할당 연산자

let a = 1;

a += 2; // a = a + 2; 
a -= 2;	// a = a - 2; 
a *= 2;	// a = a * 2; 
a /= 2;	// a = a / 2; 
a %= 2;	// a = a % 2; 
a **= 2;// a = a ** 2; 

💡증가,감소 연산자

• a++ 필요한 연산을 하고, 그 뒤 값 증가
• ++a 값을 먼저 증가하고, 필요한 연산을 함

let a = 0;
a++; // a = a + 1;
a--; // a = a - 1;

a = 0;
console.log(++a);	//1 값 먼저 증가
console.log(a++);	//1 필요한 연산하고
console.log(a);		//2 값 증가
let b = a++;
console.log(b);		//2 필요한 연산하고
console.log(a);		//3 값 증가

💡비교 연산자

• 대소 관계 비교 연산자
  //> 크다 , < 작다
  // >= 크거나 같다 , <= 작거나 같다

console.log(2 > 3); //false
console.log(2 < 3);	//true
console.log(3 < 2); //false
console.log(3 > 2); //true
console.log(3 <= 2);//false
console.log(3 <= 3);//true
console.log(3 >= 3);//true
console.log(3 >= 2);//true

• 동등 비교 관계 연산자
  //== 값이 같음, != 값이 다름
  // === 값과 타입이 둘다 같음, !== 값과 타입이 다름

💡우선 연산

let a = 2;
let b = 3;
let result = ((a + b) * 4) / 5;
console.log(result);	//4

result = a++ + b * 4;
console.log(result);	//14