찾다
웹 프론트엔드JS 튜토리얼자바스크립트 연산자와 논리 연산자에 대한 포괄적인 이해

이전 단어
논리 연산자 는 피연산자에 대해 부울 연산을 수행하며 종종 관계 연산자와 함께 사용됩니다. 논리 연산자는 여러 관계형 표현식 을 결합하여 더 복잡한 표현식을 형성합니다. 논리 연산자는 논리 NOT '!', 논리 AND '&&', 논리 OR '||'의 세 가지 유형으로 구분됩니다. 이번 글에서는 이 세 가지 논리 연산자
논리 NOT
을 소개하겠습니다. 논리적 이 아닌 연산자 는 느낌표(!)로 표시되며 ECMAScript의 모든 값에 적용될 수 있습니다. 이 연산자는 값의 데이터 유형에 관계없이 부울 값을 반환합니다. 논리 NOT 연산자는 먼저 피연산자를 부울 값으로 변환한 다음 이를 부정합니다.
논리 NOT 연산자는 부울 유형 변환 유형과 부울() 변환 함수 결과가 마지막에 반전된다는 점만 제외하면 동일합니다. 그리고 두 개의 논리 NOT 연산자를 동시에 사용하면 실제로 Boolean() 변환 함수

console.log(!!undefined);//false
console.log(!!null);//false
console.log(!!0);//false
console.log(!!-0);//false
console.log(!!NaN);//false
console.log(!!'');//false
console.log(!!false);//false


console.log(!!{});//true
console.log(!![]);//true

console.log(!!new Boolean(false));//true
console.log(!!false);//false
console.log(!!new Boolean(null));//true
console.log(!!null);//false

논리 NOT 연산자
루프

//Boolean 变量(bFound)用于记录检索是否成功。找到问题中的数据项时,bFound 将被设置为true,!bFound将等于false,意味着运行将跳出while循环
var bFound = false;
var i = 0;
while (!bFound) {
 if (aValue[i] == vSearchValues) {
  bFound = true;
 } else {
  i++;
 }
}

논리 AND

논리 AND 연산자 두 개로 구성됨 앰퍼샌드(&&)는 두 개의 피연산자가 있음을 의미합니다. 두 피연산자가 모두 true인 경우에만 결과가 true를 반환하고, 그렇지 않으면 false를 반환합니다.

//逻辑与(&&)的真值表
第一个操作数    第二个操作数    结果
true       true        true
true       false       false
false       true        false
false       false       alse
논리적 AND 연산을 적용할 수 있습니다. 부울 값뿐만 아니라 모든 유형의 피연산자에 적용됩니다. 피연산자 중 하나가 부울 값이 아닌 경우 논리 AND 연산은 반드시 부울 값을 반환하지 않습니다.

논리 AND 연산은 첫 번째 피연산자가 결과를 결정할 수 있는 경우 단락 연산입니다. 두 번째 피연산자는 피연산자 평가가 아닙니다


논리적 AND의 경우 첫 번째 피연산자가 false이면 두 번째 피연산자의 값에 관계없이 결과가 false이고 다음과 같은 경우 첫 번째 피연산자가 반환됩니다. 첫 번째 피연산자가 true이면 true 또는 false 결과는 두 번째 피연산자의 true 또는 false 값과 같고, 두 번째 피연산자는

//除了false、undefined、null、+0、-0、NaN、''这7个假值,其余都是真值
console.log('t' && ''); //因为't'是真值,所以返回''
console.log('t' && 'f'); //因为't'是真值,所以返回'f'
console.log('t' && 1 + 2); //因为't'是真值,所以返回3
console.log('' && 'f'); //因为''是假值,所以返回''
console.log('' && ''); //因为''是假值,所以返回''


var i = 1;
var result = (true && i++);
console.log(result,i);//因为true是真值,所以执行i++,i是2,result是1

var i = 1;
var result = (false && i++);
console.log(result,i);//因为false是假值,所以不执行i++,i是1,result是false
논리적 AND 연산자를 여러 조합으로 사용하여 부울 값이 false인 첫 번째 표현식의 값을 반환할 수 있습니다


console.log(true && 'foo' && '' && 4 && 'foo' && true);// ''

관계
연산자의 우선순위

논리 AND(&&)보다 높고 논리 OR(||)의 우선순위가 높기 때문에 보조 괄호 없이도 유사한 표현을 직접 작성할 수 있습니다.


if(a+1==2 && b+2==3){
  //Todo  
}
논리 AND 연산자를 사용하여 대체할 수 있습니다. if 구조
if (a == b) {
 doSomething();
}
// 等价于
(a == b) && doSomething();

논리적 AND 연산자는

콜백 함수

//若没有给参数a传值,则a为默认的undefined,是假值,所以不执行a(),防止报错,如果给参数a传值,则执行函数a()
function fn(a){
  if(a){
    a();
  }
}
//等价于
function fn(a){
  a && a();
}
논리적 OR

논리 OR 연산자

는 두 개의 수직 막대(||)로 표시되며 두 개의 피연산자가 모두 false인 경우에만 결과가 false를 반환하고, 그렇지 않으면 true를 반환합니다.

//逻辑或(||)的真值表
第一个操作数    第二个操作数    结果
true       true       true
true       false       true
false       true       true
false       false       false

마찬가지로 논리 OR 연산은 부울 값뿐만 아니라 모든 유형의 피연산자에도 적용될 수 있습니다. 피연산자 중 하나가 부울 값이 아닌 경우 논리 OR 연산은 반드시 부울 값을 반환하지 않습니다. 논리 OR 연산도 첫 번째 피연산자가 결과를 결정할 수 있는 경우 단락 연산입니다. 두 번째 피연산자는 피연산자 평가가 아닙니다

논리적 OR의 경우 첫 번째 피연산자가 true이면 두 번째 피연산자의 값에 관계없이 결과가 true이고 첫 번째 피연산자가 반환됩니다. 첫 번째 피연산자가 false인 경우 결과의 true 또는 false 값은 두 번째 피연산자의 true 또는 false 값과 동일하며 두 번째 피연산자

console.log('t' || '');//因为't'是真值,所以返回"t"
console.log('t' || 'f');//因为't'是真值,所以返回"t"
console.log('' || 'f');//因为''是假值,所以返回"f"
console.log('' || '');//因为''是假值,所以返回""



var i = 1;
var result = (true || i++);
console.log(result,i);//因为true是真值,所以不执行i++,result是true,i是1

var i = 1;
var result = (false || i++);
console.log(result,i);//因为false是假值,所以执行i++,i是2,result是1

마찬가지로 논리 OR 연산자를 여러 조합으로 사용하여 부울 값이 true인 첫 번째 표현식의 값을 반환할 수도 있습니다.

console.log(false || 0 || '' || 4 || 'foo' || true);// 4

논리 OR 연산자는 기본값을 설정하는 데 자주 사용됩니다. 변수 값

//如果没有向参数p传入任何对象,则将该参数默认设置为空对象
function fn(p){
  p = p || {};
}


-->

위 내용은 자바스크립트 연산자와 논리 연산자에 대한 포괄적인 이해의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
es6数组怎么去掉重复并且重新排序es6数组怎么去掉重复并且重新排序May 05, 2022 pm 07:08 PM

去掉重复并排序的方法:1、使用“Array.from(new Set(arr))”或者“[…new Set(arr)]”语句,去掉数组中的重复元素,返回去重后的新数组;2、利用sort()对去重数组进行排序,语法“去重数组.sort()”。

JavaScript的Symbol类型、隐藏属性及全局注册表详解JavaScript的Symbol类型、隐藏属性及全局注册表详解Jun 02, 2022 am 11:50 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于Symbol类型、隐藏属性及全局注册表的相关问题,包括了Symbol类型的描述、Symbol不会隐式转字符串等问题,下面一起来看一下,希望对大家有帮助。

原来利用纯CSS也能实现文字轮播与图片轮播!原来利用纯CSS也能实现文字轮播与图片轮播!Jun 10, 2022 pm 01:00 PM

怎么制作文字轮播与图片轮播?大家第一想到的是不是利用js,其实利用纯CSS也能实现文字轮播与图片轮播,下面来看看实现方法,希望对大家有所帮助!

JavaScript对象的构造函数和new操作符(实例详解)JavaScript对象的构造函数和new操作符(实例详解)May 10, 2022 pm 06:16 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于对象的构造函数和new操作符,构造函数是所有对象的成员方法中,最早被调用的那个,下面一起来看一下吧,希望对大家有帮助。

javascript怎么移除元素点击事件javascript怎么移除元素点击事件Apr 11, 2022 pm 04:51 PM

方法:1、利用“点击元素对象.unbind("click");”方法,该方法可以移除被选元素的事件处理程序;2、利用“点击元素对象.off("click");”方法,该方法可以移除通过on()方法添加的事件处理程序。

JavaScript面向对象详细解析之属性描述符JavaScript面向对象详细解析之属性描述符May 27, 2022 pm 05:29 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于面向对象的相关问题,包括了属性描述符、数据描述符、存取描述符等等内容,下面一起来看一下,希望对大家有帮助。

foreach是es6里的吗foreach是es6里的吗May 05, 2022 pm 05:59 PM

foreach不是es6的方法。foreach是es3中一个遍历数组的方法,可以调用数组的每个元素,并将元素传给回调函数进行处理,语法“array.forEach(function(当前元素,索引,数组){...})”;该方法不处理空数组。

整理总结JavaScript常见的BOM操作整理总结JavaScript常见的BOM操作Jun 01, 2022 am 11:43 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于BOM操作的相关问题,包括了window对象的常见事件、JavaScript执行机制等等相关内容,下面一起来看一下,希望对大家有帮助。

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

SublimeText3 영어 버전

SublimeText3 영어 버전

권장 사항: Win 버전, 코드 프롬프트 지원!

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

Atom Editor Mac 버전 다운로드

Atom Editor Mac 버전 다운로드

가장 인기 있는 오픈 소스 편집기

MinGW - Windows용 미니멀리스트 GNU

MinGW - Windows용 미니멀리스트 GNU

이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.

Dreamweaver Mac版

Dreamweaver Mac版

시각적 웹 개발 도구