자바스크립트 - 산술, 증감, 비교, 논리 연산자

산술 연산자

산술 연산자는 +, -, *, /, % 등을 의미. 숫자 뿐만 아니라 문자열 데이터 타입도 산술 연산자를 사용할 수 있음.

console.log(10 + 5);        // 15
console.log(10 - 5);        // 10
console.log(10 * 5);        // 50
console.log(10 / 5);        // 2
console.log(10 % 5);        // 0   <- %는 나머지를 구하는 연산자
console.log("10" + "5");    // 105 <- 문자열 더하기

 

증감 연산자

증감 연산자는 ++, -- 이 두 만 기억하면 됨. ++는 1씩 증가시키겠다. --는 1씩 감소시키겠다. 를 의미. ++와 --가 앞에 붙는지, 뒤에 붙는지에 따라 결과가 많이 달라져. 

var num = 10;

console.log(++num);    // 21  | 1을 사전에 더한 상태에서 num값 출력
console.log(--num);    // 19

console.log(num++);    // 20  | 일단 20을 먼저 출력하고 한텀쉬고 나중에 1을 추가해서 출력
console.log(num);      // 21

console.log(num--);    // 20  | 일단 20을 먼저 출력하고 한텀쉬고 나중에 -1을 추가해서 출력 
console.log(num);      // 19

 

비교 연산자

비교 연산자는 변수 안에 담겨 있는 데이터의 상태를 비교할 때 사용됨. 비교 연산자로는 ==, >, < 등이 있음. 그리고 비교 연산자는 값으로 Boolean 데이터 타입인 true 혹은 false를 반환함.

console.log(10 == 10);       // 10이랑 10이 같냐? -> true
console.log(10 === "10");    // 10이랑 20이랑 값도 같고, 데이터 타입도 같냐? -> false
console.log(10 !== 10);      // 10이랑 10이랑 같지 않다 -> false

수학에서 = 는 '같다'라는 의미이지만, 개발에서 =는 '값을 대입한다'는 의미를 가지고 있음. 그래서 개발에서 '같다'라는 의미로 등호를 쓰려면 == 이렇게 두 개, 혹은 이렇게 === 세 개를 이어서 써줘야 함. 등호 두 개 ==는 순수 값만 비교하는 의미고, 등호 세 개 ===는 데이터 타입까지 비교한다는 의미. 그리고 느낌표가 있고, 등호 2개가 있는 경우, !== 는 '같지 않다'라는 의미를 갖고 있음.

console.log(10 > 20);        // 10이 20보다 크냐? -> false
console.log(10 < 20);        // 10이 20보다 작냐? -> true

console.log(10 >= 20);       // 10이 20보다 크거나 같냐? -> false
console.log(10 =< 20);       // 10이 20보다 작거나 같냐? -> true

부등호도 마찬가지로 불리언 값으로 반환됨. true or false. 비교 연산자는 조건문을 만들 때 자주 사용됨.

 

 

논리 연산자

논리 연산자는 앞뒤 두 조건을 비교할 때 사용되는 연산자.

- AND 연산자 &&은 두 조건 모두 참인 경우에만 true를 반환함.

- OR 연산자 ||는 두 조건 중 하나만 참이어도 true를 반환함.

console.log(1 === 1 && 2 === 3);    // false
console.log(1 === 1 || 2 === 3);    // true

조건 개수는 상관이