반응형
🌈 자바스크립트 논리 연산자를 이용하여 조건문 작성하기
자바스크립트의 논리 연산자 중 AND (&&) 연산자를 이용하여 조건문을 작성할 수 있다.
🙋♂️ 예제로 알아보기
논리연산자 && 는 앞에는 조건을 작성하며 조건이 True일 때 && 연산자 뒤의 괄호 속 코드를 실행한다.
◾ 변수의 값에 따라 값 할당
아래 코드는 && 연산자를 활용해 조건문을 대신한 코드의 예제이다.
/* 조건이 false일 때 && 연산자 뒤 괄호 속 코드는 동작하지 않는다. */
let x = 10
x == 5 && (x = 100)
console.log(x) // 10
/* 조건이 true일 때 && 연산자 뒤 괄호 속 코드가 동작하며 한번에 여러 일을 할 수 있다. */
let y = 10
y == 10 && (y = 100, x = 999)
console.log(y) // 100
console.log(x) // 999
◾ 함수의 경우
const A = () => {
console.log('called A');
return false;
}
const B = () => {
console.log('called B');
return true;
}
console.log(A() && B());
// called A
// false
ⅰ) A( )가 실행되기 때문에 콘솔에는 called A가 출력된다.
ⅱ) A( )의 리턴값이 false이기 때문에 && 연산자 뒤의 코드는 동작하지 않고 리턴값인 false가 출력된다.
📌 참고사이트
반응형
'Frontend > JavaScript' 카테고리의 다른 글
[JS] 자바스크립트 로컬 스토리지(localStorage) 사용 하기 (0) | 2023.01.27 |
---|---|
[Vite] 번들링 없는 프론트 빌드 Vite란 무엇일까? (0) | 2023.01.24 |
[JS] 자바스크립트 특정 값으로 배열의 값 채우기(Arr.fill( )) (0) | 2023.01.16 |
[JS] 렉시컬 스코프(Lexical Scope)란 무엇일까? (0) | 2023.01.15 |
[JS] 자바스크립트 배열 평탄화하기 (flat, flatMap) (0) | 2023.01.09 |
최근댓글