JavaScript의 논리 연산자 익히기: `||`, `&&` 및 `!`

이 블로그에서는 JavaScript의 논리 연산자인 ||(OR), &&(AND) 및 ! (아님). 이러한 연산자는 복잡한 조건을 생성하고 프로그램 흐름을 제어하는 ​​데 필수적입니다. 뛰어들어 보세요!

논리 연산자 || (또는)

|| 연산자는 처음 발견한 참값을 반환합니다. 모든 값이 거짓인 경우 마지막 값을 반환합니다.

구문:

result = value1 || value2 || value3;

예:

let a = false;
let b = null;
let c = "Hello";

let result = a || b || c;
console.log(result); // Output: "Hello"

설명:

• a는 거짓(거짓)입니다.
• b는 null (거짓)입니다.
• c는 "안녕하세요"(진실)입니다.

|| 연산자는 첫 번째 진실 값인 "Hello"를 반환합니다.

논리 연산자 &&(AND)

&& 연산자는 발견한 첫 번째 거짓 값을 반환합니다. 모든 값이 참이면 마지막 값을 반환합니다.

구문:

result = value1 && value2 && value3;

예:

let x = true;
let y = 10;
let z = 0;

let result = x && y && z;
console.log(result); // Output: 0

설명:

• x 는 참 (참)입니다.
• y 는 10 (사실입니다).
• z는 0(거짓)입니다.

&& 연산자는 첫 번째 거짓 값인 0을 반환합니다.

논리 연산자! (아님)

! 연산자는 피연산자의 반대 부울 값을 반환합니다.

구문:

result = !value;

예:

let isTrue = true;
let isFalse = !isTrue;

console.log(isFalse); // Output: false

설명:

• 참입니다는 참입니다.
• !isTrue는 false를 반환합니다.

실제 사례

몇 가지 실제 사례를 통해 모든 내용을 정리하겠습니다.

사용하기 || 기본값의 경우

function greet(name) {
  name = name || "Guest";
  console.log("Hello, " + name + "!");
}

greet("Alice"); // Output: Hello, Alice!
greet(); // Output: Hello, Guest!

설명:

• 이름이 제공되지 않으면 || 연산자가 기본값 "Guest"를 할당합니다.

조건부 실행에 && 사용

let user = {
  name: "John",
  age: 25,
  isAdmin: true
};

if (user.isAdmin && user.age > 18) {
  console.log("Welcome, Admin!");
} else {
  console.log("Welcome, User!");
}

설명:

• && 연산자는 두 조건(user.isAdmin 및 user.age > 18)이 모두 참인지 확인합니다.

사용 중! 부정을 위해

let isLoggedIn = false;

if (!isLoggedIn) {
  console.log("Please log in.");
} else {
  console.log("Welcome back!");
}

설명:

• ! 연산자는 isLoggedIn 값을 무효화합니다. isLoggedIn이 false인 경우, !isLoggedIn이 true입니다.

요약

• || (OR): 첫 번째 참 값을 반환하거나 모두 거짓인 경우 마지막 값을 반환합니다.
• &&(AND): 첫 번째 거짓 값을 반환하거나 모두 참인 경우 마지막 값을 반환합니다.
• ! (NOT): 피연산자의 반대 부울 값을 반환합니다.

결론

논리 연산자는 복잡한 조건을 만들고 프로그램 흐름을 제어할 수 있는 JavaScript의 강력한 도구입니다. ||, &&, !을 마스터하면 더욱 역동적이고 효율적인 코드를 작성할 수 있습니다. JavaScript의 논리 연산자에 대한 이해를 심화하기 위해 계속 연습하고 탐구하세요.

JavaScript에 대한 더 자세한 블로그를 기대해 주세요! 즐거운 코딩하세요!

위 내용은 JavaScript의 논리 연산자 익히기: `||`, `&&` 및 `!`의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!