> 웹 프론트엔드 > JS 튜토리얼 > JavaScript의 논리 연산자 익히기: `||`, `&&` 및 `!`

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

Linda Hamilton
풀어 주다: 2024-09-19 16:31:03
원래의
543명이 탐색했습니다.

Mastering Logical Operators in JavaScript: `||`, `&&`, and `!`

이 블로그에서는 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.isAdminuser.age > 18)이 모두 참인지 확인합니다.

사용 중! 부정을 위해

let isLoggedIn = false;

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

로그인 후 복사

설명:

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

요약

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

결론

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

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

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

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿