자바스크립트(day3) - 연산자와 조건문

GyuHyeon Park·2022년 8월 14일
0
post-thumbnail

오늘은 연산자와 조건문에 대해 알아보겠습니다

총 9가지의 연산자들을 알아보도록 하죠!

연산자

1. 대입연산자

변수에 값을 넣는 연산자

let a =1;

2. 산술연산자

사친 연산을 수행하는 연산자

let a = 1;
let b = 2;
console.log(a+b); // 3

+, -, /, *, %(나머지 구할 때) 를 사용할 수 있습니다

3. 연결 연산자

문자열을 이어주는 역할, 문자열+문자열의 형태

let a = "1";
let b = "2";
console.log(a+b); //12(문자열 1과 2)

JS에서는 형변환이 있기 때문에 숫자 계산을 하고 싶다면 항상 숫자인지 확인 해주어야 합니다

4. 복합 연산자

대입 연산자와 산술 연산자를 같이 씀

let a = 5;
a += 10;
console.log(a); //15

+=, -=, *=, /=의 형태로 사용 가능하다

5. 증감 연산자

숫자형에 사용이 가능함

let a = 10;
a++;
console.log(a); //10

++, -- 가능

여기서 중요한 점은 연산의 순서에 따라 다른 값이 나옴

console.log(a++); //10
console.log(++a); //11

이처럼 변수 이름 뒤에 증감 연산자가 붙으면 라인이 끝나고 나서 산술 이됩니다. 이를 후위 연산이라고 부릅니다

반대로 변수 이름 앞에 증감 연산자가 붙으면 바로 산술이 됩니다. 이를 전위 연산이라고 부릅니다

6. 논리 연산자

BOOLEAN을 이용하기 위한 연산자
!&, ||을 이용합니다. !은 NOT, &&는 AND, ||는 OR의 역할을 수행합니다

console.log(true&&true); //true
console.log(true&&false); //false
console.log(false&&true); //false

이처럼 &는 두 조건이 모두 이여야 이 됩니다. 하나라도 거짓일 경우 거짓이됩니다

console.log(true||true); //true
console.log(true||false); //true
console.log(false||true); //true
console.log(false||false); //false

이처럼 |는 두 조건 중 하나의 조건이 일 경우 이 되고, 둘다 거짓이어야 거짓이 됩니다

7. 비교 연산자

==은 값만 비교(js에서는)
===은 값과 DATATYPE까지 비교한다
!=은 값이 같지 않다
!==갑과 DATATYPE 모두 같지 않다

이 밖에도 대소 비교할 수 있는 >, <, >=, <=의 형태도 있다

8. typeof 변수 연산자

데이터 타입이 무엇인지 알려줌

console.log(typeog 변수);

9. NULL변환 연산자

let a;
a = a ?? 10;
console.log(a); //10

??는 양쪽 피 연산자 중, NULL이나 undefined가 아닌 값을 선택해줍니다

추후에 이와 비슷한 삼항 연산자도 있습니다 !


조건문

if

if(조건1){
	명령1
}else if(조건2){
	명령2
}else{
	명령3
}

조건1 만족하면 명령1, 조건2를 만족하면 명령2조건1조건2모두 만족하지 않으면 명령3을 수행하는 형태이다

switch

switch(비교대상){
  case1:
    명령1
    break;
  case2:
    명령2
    break;
  default:
    명령3
}

값이 1이라면 명령1을, 값이 2라면 명령2를, 값이 없다명령3을 수행하는 형태이다
switch에서는 break를 꼭 사용해서 명령을 끊어주어야 합니다

profile
Who will become a developer in 2 years

0개의 댓글