자바스크립트 연산자(operator)
연산자란 프로그래밍에서 쓰이는 기호들을 의미한다.
1. 문자열 합치기 (string concatenation)
console.log('나는' + '최혜림' +'입니다.');
console.log('1' + 2);나는최혜림입니다.
12
+기호를 이용해 문자열을 합쳐서 출력할 수 있다.- 문자열과 숫자를
+를 이용해 합치면 문자열로 출력된다.
2. 산술 연산자 (Arithmetic operator)
사칙연산을 다루는 가장 기본적이며 자주 사용하는 연산자
console.log(1 + 1); // 더하기 (add)
console.log(1 - 1); // 빼기 (substract)
console.log(1 / 1); // 나누기 (divide)
console.log(1 * 1); // 곱하기 (multiply)
console.log(1 % 1); // 나머지 (remainder)
console.log(1 ** 1); // 거듭제곱 (exponentiation)2
0
1
1
0
1
3. 할당 연산자 (Assignment operator)
x = y; // x + y
x += y; // x = x + y (덧셈 할당)
x -+ y; // x = x - y (뺄셈 할당)
x *= y; // x = x * y (곱셈 할당)
x /= y; // x = x / y (나눗셈 할당)4. 비교 연산자 (Comparison operator)
피연산자들을 비교하고 비교에 따라 논리 값(참, 거짓)을 반환한다.
x == y
// 왼쪽 피연산자와 오른쪽 피연산자의 값이 같으면 참을 반환
x === y
// 왼쪽 피연산자와 오른쪽 피연산자의 값이 같고, 같은 타입이면 참을 반환
x != y
// 왼쪽 피연산자와 오른쪽 피연산자의 값이 같지 않으면 참을 반환
x ! == y
// 왼쪽 피연산자와 오른쪽 피연산자의 값이 같지 않고, 타입이 다르면 참을 반환
x > y
// 왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 크면 참을 반환
x >= y
// 왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 크거나 같으면 참을 반환함.
x < y
// 오른쪽 피연산자의 값이 왼쪽 피연산자의 값보다 크면 참을 반환
x <= y
// 오른쪽 피연산자의 값이 왼쪽 피연산자의 값보다 크거나 같으면 참을 반환5. 논리 연산자 (Logical operator)
- || (or)
- 하나라도 참이면 참을 반환
- true를 찾으면 멈춤!, finds the first truthy value
const x = true;
const y = false;
document.write (x || y);
true
- && (and)
- 모두 참이면 참을 반환
- flase를 찾으면 멈춤!, finds the first falsy value
let x = true;
let y = false;
document.write (x && y);false
let x = true;
let y = true;
document.write (x && y);true
- ! (not)
- 논리식의 결과와 반대로 반환
- 결과가 참이면 거짓을 반환, 거짓이면 참을 반환
let x = true;
document.write (!x);false
조건문
1. if 문
const name = '최혜림';
if (name === '최혜림') {
document.write(name);
}최혜림
만약 if 조건문이 참이라면 조건문안의 블록이 실행된다.
else
const name = '김철수';
if (name === '최혜림') {
document.write(name)
} else { document.write('이름이 틀립니다.');
}이름이 틀립니다.
let id = prompt('아이디를 입력하세요.');
if (id === 'hye1234') {
let passwd = prompt('비밀번호를 입력하세요.');
if (passwd === 'rim1234') {
alert('환영합니다!');
} else {
alert('비밀번호가 틀렸습니다.');
}
} else { alert('아이디가 틀렸습니다.');
} if 조건문이 거짓일 때의 출력될 조건문을 else를 이용해 만들어준다. if 조건문이 거짓일 때 else 안의 블럭이 출력된다.
else if
let a = 1;
if (a === 1) {
document.write('a는 1입니다.');
} else if (a === 2) {
document.write('a는 2입니다');
} else {
document.write('a는 1도 아니고 2도 아닙니다.');
}else if문은 조건이 두 가지 이상일 때 사용됩니다. 위는 a가 1일때의 조건, 2일때의 조건 두개를 설정하고 두 개다 만족하지 않을 시에 출력될 else문을 설정했습니다.
2. switch 문
const food = '떡볶이';
switch (food) {
case '라면':
document.write('후루룩');
break;
case '김밥':
document.write('맛있다');
break;
case '떡볶이':
document.write('맵다');
break;
case '커피':
document.write('하루에 한 잔씩');
break;
}맵다
switch문은 조건이 여러개일 때 사용할 수 있습니다. 조건에 맞는 케이스을 만나면 그에 해당하는 조건문을 출력하고 break;로 조건문을 빠져나옵니다.
반복문
1. while 문
let i = 0;
while (i < 11) {
document.write(i);
i ++
}012345678910
-
조건문 안의 조건이 끝날 때까지 반복문 실행
2. for 문
for (let i = 0; i < 11; i++) {
document.write(i);
}
> 012345678910-
for (초기문; 조건문; 증감문;) { } 을 이용해 조건에 맞을 시 반복한다.
-
주의 : 변수 선언 시 const를 사용하면 값 변경이 불가하여 에러 발생!!
3. continue;, break;
let i = 0;
while (i < 11) {
i ++
if (i == 7){
continue;
} document.write(i + '</br>');
} document.write('조건문이 끝났습니다.')1
2
3
4
5
6
8
9
10
11
조건문이 끝났습니다.
continue문을 사용하면 조건문의 다시 처음으로 돌아가 조건문을 다시 실행하게 됩니다. 다시 실행문 위로 올라가 i는 8이 되어 조건문 밑으로 내려옵니다. 결과적으로 7은 출력되지 않았습니다.
let i = 0;
while (i < 11) {
i ++
if (i == 7) {
break;
} document.write(i + '</br>');
} document.write('조건문이 끝났습니다.');1
2
3
4
5
6
조건문이 끝났습니다.
break;를 만나면 조건문 밖으로 빠져나오게 됩니다. 조건문을 빠져온 후 조건문 밖의 문을 출력하게 됩니다.
<참고>
