사칙연산과 나머지를 구하는 기능을 하는 연산자
| 기호 | 기능 |
|---|---|
| + | 더하기 |
| - | 빼기 |
| ***** | 곱하기 |
| / | 나누기 |
| % | 나머지 값 |
let num1 = 10;
let num2 = 5;
// 더하기
let sum = num1 + num2;
console.log(sum); // 결과 15
// 빼기
let minus = num1 - num2;
console.log(minus); // 결과 5
// 곱하기
let multi = num1 * num2;
console.log(multi); // 결과 50
// 나누기
let division = num1 / num2;
console.log(division); // 결과 2
// 나머지
let remainder = num1 % num2;
console.log(remainder); // 결과 0
let str1 = "a" + "b";
console.log(str1); // ab 출력
let str2 = "숫자" + 1;
console.log(str2); // 숫자1 출력
let str3 = "10" + 20;
console.log(str3); // 1020 출력
연산한 결과를 변수에 대입하는 연산자
| 기호 | 기능 |
|---|---|
| 변수 = 값 | 변수에 값을 대입 |
| 변수 += 값 | 변수의 기존 값에 새로운 값을 더해서 대입 |
| 변수 -= 값 | 변수의 기존 값에 새로운 값을 빼서 대입 |
| *변수 = 값 | 변수의 기존 값에 새로운 값을 곱해서 대입 |
| 변수 /= 값 | 변수의 기존 값에 새로운 값을 나누어서 대입 |
| 변수 %= 값 | 변수의 기존 값에 새로운 값으로 나눈 나머지를 대입 |
let num1 = 10;
let num2 = 5;
// 더하기
num = 10;
num += 5;
console.log(num); // 결과 15
// 빼기
num = 10;
num -= 5;
console.log(num); // 결과 5
// 곱하기
num = 10;
num *= 5;
console.log(num); // 결과 50
// 나누기
num = 10;
num /= 5;
console.log(num); // 결과 2
// 나머지
num = 10;
num %= 5;
console.log(num); // 결과 0
// 문자열 연결
str = "안녕! ";
str += "JavaScript!";
console.log(str); // 결과 안녕! JavaScript!
대상 값에 1을 더하거나 1을 빼는 연산자
| 기호 | 기능 |
|---|---|
| 변수++ | 변수의 현재 값을 반환 후 1 더하기 |
| 변수-- | 변수의 현재 값을 반환 후 1 빼기 |
| ++변수 | 변수에 1을 더한 후 값을 반환 |
| --변수 | 변수에 1을 뺀 후 값을 반환 |
let num = 10;
// 후위 증감연산자를 사용했으므로 10을 먼저 출력 후 11이 됨
console.log(num++);
// 11이 됐는지 확인
console.log(num);
// 전위 증감연산자를 사용했으므로 12가 된 후 출력
console.log(++num);
두 값을 비교하여 true 또는 false를 반환하는 연산자
| 기호 | 기능 |
|---|---|
| 변수1 > 변수2 | 변수1이 변수2보다 크다 |
| 변수1 < 변수2 | 변수1이 변수2보다 작다 |
| 변수1 >= 변수2 | 변수1이 변수2보다 크거나 같다 |
| 변수1 <= 변수2 | 변수1이 변수2보다 작거나 같다 |
| 변수1 == 변수2 | 변수1과 변수2는 같다(불완전 비교, 데이터 타입은 체크하지 않음) |
| 변수1 != 변수2 | 변수1과 변수2는 같지 않다(불완전 비교, 데이터 타입은 체크하지 않음) |
| 변수1 === 변수2 | 변수1과 변수2는 같다(완전 비교, 데이터 타입까지 체크) |
| 변수1 !== 변수2 | 변수1과 변수2는 같지 않다(완전 비교, 데이터 타입까지 체크) |
console.log( 1 > 0 ); // true 반환
console.log( 1 < 0 ); // flase 반환
console.log( 0 >= 0 ); // true 반환
console.log( 0 <= 0 ); // true 반환
let num = 1;
let str = '1';
console.log(num == str); // true 반환, 값의 형태만 비교
console.log(num === str); // flase 반환, 값의 데이터 타입까지 비교, 되도록이면 완전비교를 사용
console.log(num != str); // flase 반환, 값의 형태만 비교
console.log(num !== str); // true 반환, 값의 데이터 타입까지 비교, 되도록이면 완전비교를 사용
true와 false만의 값을 가지는 집합에서 사용하는 연산
| 기호 | 기능 |
|---|---|
| && | AND 연산자, 모든 조건이 true여야 true 반환 |
| ! | NOT 연산자, 연산의 결과를 역전해서 반환 |
// and 연산자
console.log( 1 === 1 && 2 === 2); // true 반환
console.log( 1 === 1 && 2 === 1); // flase 반환
// or 연산자
console.log( 1 === 1 || 2 === 2); // true 반환
console.log( 1 === 1 || 2 === 1); // true 반환
console.log( 1 === 2 || 2 === 1); // flase 반환
// not 연산자
console.log( !(1 === 1) ); // flase 반환
if / else 문을 축약하여 간결하게 작성할 수 있는 연산자
// 조건식 ? 참일 경우 : 거짓일 경우
1 < 2 ? '참' : '거짓'; // 참 출력
산술 대입 연산자를 이용해서 아래 제시대로 계산해주세요.
let tng_num = 100;
// tng_num에 10을 더해주세요.
// tng_num에 5로 나누어주세요.
// tng_num에 4를 빼주세요.
// tng_num를 7로 나눈 나머지를 구해주세요.
// tng_num에 3을 곱해주세요.