결과
논리 연산자를 이용한 조건문 평가(&&,||,!)
논리 연산자를 이용한 조건부 실행
// 표현식 && 표현식
// 둘다 참 일때만 참이다.
// 표현식은 앞에 먼저 평가하고, 뒤에를 평가한다.
// 앞 표현식을 평가를 해서 참 일때만, 뒤표현식을 평가할 필요가 생기기 때문에 뒤의 표현식이 실행된다.
let n = 5;
(n % 5 === 0) && console.log('5로 나누어 떨어질때만 실행이 됩니다.') // && 앞에가 참일경우에 console.log('5로 나누어 떨어질때만 실행이 됩니다.') 이부분이 실행됨
결과
// 표현식 && 표현식
// 둘다 참 일때만 참이다.
// 표현식은 앞에 먼저 평가하고, 뒤에를 평가한다.
// 앞 표현식을 평가를 해서 참 일때만, 뒤표현식을 평가할 필요가 생기기 때문에 뒤의 표현식이 실행된다.
let n = 7;
(n % 5 === 0) && console.log('5로 나누어 떨어질때만 실행이 됩니다.') // && 앞에가 참일경우에 console.log('5로 나누어 떨어질때만 실행이 됩니다.') 이부분이 실행됨
n을 7로 바꾸면 && 앞부분부터 참이 아니므로 && 뒷부분도 실행이 되지 않는다.
결과
// 앞 표현식의 평가 결과가 거짓일때는 뒤 표현식을 평가할 필요가 없어서 실행하지 않는다.
n = 6;
(n % 5 === 0) && console.log('5로 나누어 떨어질때만 실행이 됩니다.');
결과
n = 5;
n % 5 === 0 || console.log('5로 나누어 떨어지지 않을때만 실행');
// 앞 표현식을 평가를 해서 거짓 일때만, 뒤 표현식을 평가할 필요가 생기기 때문에 뒤의 표현식이 실행된다.
n = 6;
n % 5 === 0 || console.log('5로 나누어 떨어지지 않을때만 실행');
결과
삼항 연산자를 이용한 조건부 실행
// 조건 ? 조건이 참이면 실행되는 표현식 : 조건이 거짓이면 실행되는 표현식
// 중괄호 {} 를 사용할 수 없는 문법이기 때문에 하나의 표현식만 가능합니다.
let n = 5;
console.log(n % 5 === 0 ? '5의 배수 입니다.' : '5의 배수가 아닙니다.');
// 표현식의 결과를 변수에 할당할 수 있습니다.
const message = n % 5 === 0 ? '5의 배수 입니다.' : '5의 배수가 아닙니다.';
console.log(message);
결과
switch를 이용한 조건문
// switch 뒤 괄호 안에 있는 값이 무엇인지 중괄호 안에 있는 코드들을 비교해서 실행합니다.
// 아중에 default: 뒤에 있는 문장은 항상 참이어서 실행되는 블럭 입니다.
// 문장이 한줄이라서 중괄호는 생략했습니다.
let n = 5;
switch (n) {
default:
console.log(n);
}
결과
// 다음은 n 이 5로 나누었을떄 나머지가 0 인경우에 실행되는 블럭을 추가한 것입니다.
// case '비교할 값' : 을 이용해서 맞으면 실행됩니다.
// case 0: 인경우와 default : 인 경우 두 블럭 모두 순서대로 실행이 됩니다.
let n = 5;
switch (n % 5) {
case 0:
console.log('5의 배수입니다.');
default:
console.log(n);
}
결과
// 만약에 해당 블럭이 실행된후 다음 블럭을 거치지 않고 switch 문을 나가고 싶다면,
// case 문 안에서 break; 를 실행합니다.
let n = 5;
switch (n % 5) {
case 0:
console.log('5의 배수입니다.');
break;
default:
console.log(n);
}
결과
let n = 6;
switch (n % 5) {
case 0:{
console.log('5의 배수입니다.');
break;
}
case 1:
case 2:
case 3:
case 4:
console.log('5의 배수가 아닙니다.');
default:
console.log(n);
}
n 이 6이라서 case 0일때 안걸리고 case 1,2,3,4와 default에 걸리게 된다.
결과
'공부내용정리 > JavaScript' 카테고리의 다른 글
JavaScript 함수 (0) | 2021.04.04 |
---|---|
JavaScript 반복문 (0) | 2021.03.28 |
JAVASCRIPT 내용 정리 (0) | 2021.03.25 |
자바스크립트 출력 (0) | 2021.03.12 |
자바스크립트의 위치 (0) | 2021.03.12 |