찾다
웹 프론트엔드프런트엔드 Q&A자바스크립트 연산자는 무엇으로 나눌 수 있나요?

Javascript 연산자는 다음과 같이 나눌 수 있습니다. 1. 일반적인 수학 연산을 수행하는 데 사용되는 산술 연산자 2. 변수에 값을 할당하는 데 사용되는 할당 연산자 4. 자동 증가 및 자동 감소 연산 연산자, 5. 비교 연산자, 6. 논리 연산자, 7. 삼항 연산자,

자바스크립트 연산자는 무엇으로 나눌 수 있나요?

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

산술 연산자

산술 연산자는 덧셈, 뺄셈, 곱셈, 나눗셈 등과 같은 일반적인 수학 연산을 수행하는 데 사용됩니다. 다음 표에는 JavaScript에서 지원되는 산술 연산자가 나열되어 있습니다.

取 % 模 模 余
연산자 Description
+ 덧셈 연산자 x + y는 x와 y의 합을 계산하는 것을 의미합니다.
- 뺄셈 연산자 x - y는 x 빼기를 계산하는 것을 의미합니다. 차이 of y
* 곱셈 연산자 x * y는 x 곱하기의 곱을 계산하는 것을 의미합니다. y
/ 나누기 연산자 x / y는 x를 y로 나눈 몫을 계산하는 것을 의미합니다
X % y는 Y의 남은 숫자를 제외한 x를 계산함을 나타냅니다.

예제 코드는 다음과 같습니다.

rrreerree ee

큰따옴표 안의 내용 은 문자열이므로 그 안의 연산자는 있는 그대로 출력되며 작업에 참여하지 않습니다.

할당 연산자

할당 연산자는 변수에 값을 할당하는 데 사용됩니다. 다음 표에는 JavaScript에서 지원되는 할당 연산자가 나열되어 있습니다.

=가장 간단한 할당 연산자, 연산자 오른쪽의 값을 연산자 왼쪽의 변수에 할당합니다.에 할당한다는 의미입니다. 첫 번째 연산을 추가한 다음 그 결과를 연산자 왼쪽의 변수에 할당합니다. 먼저 빼기 연산을 수행한 다음 할당합니다. 연산자의 왼쪽 변수에 대한 결과 와 동일합니다. 먼저 곱셈을 수행한 다음 그 결과를 왼쪽 변수에 할당합니다. 연산자 먼저 나누기 연산을 수행한 다음 결과를 연산자 왼쪽의 변수에 할당합니다. 먼저 모듈로 연산을 수행한 다음 그 결과를 연산자 왼쪽의 변수에 할당합니다. 샘플 코드는 다음과 같습니다.
var x = 10,
    y = 4;
console.log("x + y =", x + y);  // 输出:x + y = 14
console.log("x - y =", x - y);  // 输出:x - y = 6
console.log("x * y =", x * y);  // 输出:x * y = 40
console.log("x / y =", x / y);  // 输出:x / y = 2.5
console.log("x % y =", x % y);  // 输出:x % y = 2
复制纯文本复制
x = 10은 변수 x를 10 +=
x += y는 x = x + y -=
x -= y는 x = x - y *=
x *= y는 x = x * y와 동일합니다 /=
x / = y는 x = x / y와 동일합니다. %=
x %= y는 x =와 같습니다. x % y
var x = 10, y = 4;
console.log("x + y =", x + y);  // 输出:x + y = 14
console.log("x - y =", x - y);  // 输出:x - y = 6
console.log("x * y =", x * y);  // 输出:x * y = 40
console.log("x / y =", x / y);  // 输出:x / y = 2.5
console.log("x % y =", x % y);  // 输出:x % y = 2
문자열 연산 수학 연산 외에도 + JavaScript의 += 연산자는 문자열을 연결하는 데에도 사용할 수 있습니다. 그 중:


  • + 연산자는 연산자의 왼쪽과 오른쪽에 문자열을 연결하는 것을 의미합니다. 함께;
  • += 연산자는 문자열을 먼저 연결한 다음 결과를 연산자 왼쪽의 변수에 할당하는 것을 의미합니다. 샘플 코드는 다음과 같습니다. 변수 (+1 ; 증가 연산자
    증가 빼기 연산자 x를 1씩 감소시킨 다음 x의 값을 반환합니다.

    x--감소 연산자

    는 x의 값을 반환한 다음 x를 감소시킵니다. 작성자: 1

    + += 运算符除了可以进行数学运算外,还可以用来拼接字符串,其中:

    • + 运算符表示将运算符左右两侧的字符串拼接到一起;
    • +=

    示例代码如下:

    var x;
    x = 10;
    console.log(++x);  // 输出:11
    console.log(x);    // 输出:11
    x = 10;
    console.log(x++);  // 输出:10
    console.log(x);    // 输出:11
    x = 10;
    console.log(--x);  // 输出:9
    console.log(x);    // 输出:9
    x = 10;
    console.log(x--);  // 输出:10
    console.log(x);    // 输出:9
    var x;
    
    x = 10;
    console.log(++x);  // 输出:11
    console.log(x);    // 输出:11
    
    x = 10;
    console.log(x++);  // 输出:10
    console.log(x);    // 输出:11
    
    x = 10;
    console.log(--x);  // 输出:9
    console.log(x);    // 输出:9
    
    x = 10;
    console.log(x--);  // 输出:10
    console.log(x);    // 输出:9

    比较运算符

    比较运算符用来比较运算符左右两侧的表达式,比较运算符的运算结果是一个布尔值,结果只有两种,不是 true 就是 false。下表中列举了 JavaScript 中支持的比较运算符:

    运算符 名称 示例
    == 等于 x == y 表示如果 x 等于 y,则为真
    === 全等 x === y 表示如果 x 等于 y,并且 x 和 y 的类型也相同,则为真
    != 不相等 x != y 表示如果 x 不等于 y,则为真
    !== 不全等 x !== y 表示如果 x 不等于 y,或者 x 和 y 的类型不同,则为真
    小于 x
    > 大于 x > y 表示如果 x 大于 y,则为真
    >= 大于或等于 x >= y 表示如果 x 大于或等于 y,则为真
    小于或等于 x

    示例代码如下:

    var x = 25;
    var y = 35;
    var z = "25";
    console.log(x == z);  // 输出: true
    console.log(x === z); // 输出: false
    console.log(x != y);  // 输出: true
    console.log(x !== z); // 输出: true
    console.log(x < y);   // 输出: true
    console.log(x > y);   // 输出: false
    console.log(x <= y);  // 输出: true
    console.log(x >= y);  // 输出: false
    var x = 25;
    var y = 35;
    var z = "25";
    
    console.log(x == z);  // 输出: true
    console.log(x === z); // 输出: false
    console.log(x != y);  // 输出: true
    console.log(x !== z); // 输出: true
    console.log(x < y);   // 输出: true
    console.log(x > y);   // 输出: false
    console.log(x <= y);  // 输出: true
    console.log(x >= y);  // 输出: false

    逻辑运算符

    逻辑运算符通常用来组合多个表达式,逻辑运算符的运算结果是一个布尔值,只能有两种结果,不是 true 就是 false。下表中列举了 JavaScript 中支持的逻辑运算符:

    运算符 名称 示例
    && 逻辑与 x && y 表示如果 x 和 y 都为真,则为真
    || 逻辑或 x || y 表示如果 x 或 y 有一个为真,则为真
    ! 逻辑非 !x 表示如果 x 不为真,则为真

    示例代码如下:

    var year = 2021;
    // 闰年可以被 400 整除,也可以被 4 整除,但不能被 100 整除
    if((year % 400 == 0) || ((year % 100 != 0) && (year % 4 == 0))){
        console.log(year + " 年是闰年。");
    } else{
        console.log(year + " 年是平年。");
    }
    var year = 2021;
    
    // 闰年可以被 400 整除,也可以被 4 整除,但不能被 100 整除
    if((year % 400 == 0) || ((year % 100 != 0) && (year % 4 == 0))){
        console.log(year + " 年是闰年。");
    } else{
        console.log(year + " 年是平年。");
    }

    三元运算符

    三元运算符(也被称为条件运算符),由一个问号和一个冒号组成,语法格式如下:

    条件表达式 ? 表达式1 : 表达式2 ;

    如果“条件表达式”的结果为真(true),则执行“表达式1”中的代码,否则就执行“表达式2”中的代码。

    示例代码如下:

    var x = 11,
        y = 20;
    x > y ? console.log("x 大于 y") : console.log("x 小于 y");  // 输出:x 小于 y
    var x = 11,
        y = 20;
    
    x > y ? console.log("x 大于 y") : console.log("x 小于 y");  // 输出:x 小于 y

    位运算符

    位运算符用来对二进制位进行操作,JavaScript 中支持的位运算符如下表所示:

    运算符 描述 示例
    & 按位与:如果对应的二进制位都为 1,则该二进制位为 1 5 & 1 等同于 0101 & 0001 结果为 0001,十进制结果为 1
    | 按位或:如果对应的二进制位有一个为 1,则该二进制位为 1 5 | 1 等同于 0101 | 0001 结果为 0101,十进制结果为 5
    ^ 按位异或:如果对应的二进制位只有一个为 1,则该二进制位为 1 5 ^ 1 等同于 0101 ^ 0001 结果为 0100,十进制结果为 4
    ~ 按位非:反转所有二进制位,即 1 转换为 0,0 转换为 1 ~5 等同于 ~0101 结果为 1010,十进制结果为 -6
    按位左移:将所有二进制位统一向左移动指定的位数,并在最右侧补 0 5
    >> 按位右移(有符号右移):将所有二进制位统一向右移动指定的位数,并拷贝最左侧的位来填充左侧 5 >> 1 等同于 0101 >> 1 结果为 0010,十进制结果为 2
    >>> 按位右移零(无符号右移):将所有二进制位统一向右移动指定的位数,并在最左侧补 0 5 >>> 1 等同于 0101 >>> 1 结果为 0010,十进制结果为 2

    示例代码如下:

    var a = 5 & 1,
        b = 5 | 1,
        c = 5 ^ 1,
        d = ~ 5,
        e = 5 << 1,
        f = 5 >> 1,
        g = 5 >>> 1;
    console.log(a);  // 输出:1
    console.log(b);  // 输出:5
    console.log(c);  // 输出:4
    console.log(d);  // 输出:-6
    console.log(e);  // 输出:10
    console.log(f);  // 输出:2
    console.log(g);  // 输出:2
    var a = 5 & 1,
        b = 5 | 1,
        c = 5 ^ 1,
        d = ~ 5,
        e = 5 << 1,
        f = 5 >> 1,
        g = 5 >>> 1;
    console.log(a);  // 输出:1
    console.log(b);  // 输出:5
    console.log(c);  // 输出:4
    console.log(d);  // 输出:-6
    console.log(e);  // 输出:10
    console.log(f);  // 输出:2
    console.log(g);  // 输出:2

    【推荐学习:javascript高级教程

위 내용은 자바스크립트 연산자는 무엇으로 나눌 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
기능 반응 구성 요소에서 usestate () 후크를 사용하는 방법기능 반응 구성 요소에서 usestate () 후크를 사용하는 방법Apr 30, 2025 am 12:25 AM

usestate는 클래스 구성 요소와 기능 구성 요소 사이의 장애물을 제거하기 때문에 함수 구성 요소에 상태를 추가 할 수 있도록하여 후자를 동일하게 강력하게 만듭니다. usestate를 사용하기위한 단계에는 다음이 포함됩니다. 1) usestate hook 가져 오기, 2) 상태 초기화, 3) 상태 사용 및 기능 업데이트.

React의 관점 ​​중심 특성 : 복잡한 응용 프로그램 상태 관리React의 관점 ​​중심 특성 : 복잡한 응용 프로그램 상태 관리Apr 30, 2025 am 12:25 AM

React의 View Focus는 추가 도구와 패턴을 도입하여 복잡한 응용 프로그램 상태를 관리합니다. 1) RECT 자체는 상태 관리를 처리하지 않으며 상태를 촬영하는 데 중점을 둡니다. 2) 복잡한 응용 프로그램은 Redux, Mobx 또는 ContextApi를 사용하여 상태를 분리하여 관리를보다 체계적이고 예측할 수 있도록해야합니다.

다른 라이브러 및 프레임 워크와 반응을 통합합니다다른 라이브러 및 프레임 워크와 반응을 통합합니다Apr 30, 2025 am 12:24 AM

integratingReactwitherLibrariesandFrameworkScanEnHanceApplicationCapabilitiesBeveragingDifferentTools'Strengths.benefitsinCludeStreamLinedStameManagement WithReduxAndRobStatemEntegrationwithdjango, butchallEngesInvolveNcreatedComePlexity, perfo

REACT를 사용한 접근성 고려 사항 : 포용 적 UI 건물REACT를 사용한 접근성 고려 사항 : 포용 적 UI 건물Apr 30, 2025 am 12:21 AM

tomaerkeActApplicationSmoreAccessible, followthesesteps : 1) audeEmantichtmlementsInjsxForBetTernAvigationAndSeo.2) ubstractFocusManagementForKeyboardUsers, 특히 인종상 3) utilizereAcths -likeUseefectTeMangemanmamicContentChangeAlivergio

React와의 SEO 문제 : 클라이언트 측 렌더링 문제 해결React와의 SEO 문제 : 클라이언트 측 렌더링 문제 해결Apr 30, 2025 am 12:19 AM

RECT 응용 프로그램 용 SEO는 다음 방법으로 해결할 수 있습니다. 1. SSR (Server-Side Rendering) 구현 (예 : Next.js); 2. Prerender.io 또는 Puppeteer를 통한 사전 렌더링 페이지와 같은 동적 렌더링을 사용하십시오. 3. 응용 프로그램 성능을 최적화하고 성능 감사를 위해 등대를 사용하십시오.

React의 강력한 커뮤니티 및 생태계의 이점React의 강력한 커뮤니티 및 생태계의 이점Apr 29, 2025 am 12:46 AM

React'sstrongcommunityandecosystemoffernumerousbenefits : 1) impliceAccesstosolutionsThroughplatformslikestackOverflowandGitHub; 2) exealthoflibrariesandTools, walsuicomponentlibrarieslikeChakraui, thatenhancedevelopmenticificients; 3)

모바일 개발을위한 기본 반응 : 크로스 플랫폼 앱 구축모바일 개발을위한 기본 반응 : 크로스 플랫폼 앱 구축Apr 29, 2025 am 12:43 AM

reftnativeIschosenFormoBiledevelopmentBecauseItAllowsDeveloperstowRiteCodeOndDeployIntonMultiplePlatforms, DevelopmentTimeAndCosts.itoffersnear-NativePerformance, AthrivingCommunity, AndleverAgesexistingWebDevelopmentsKills.keyTomasteringRea

React의 usestate ()로 상태를 올바르게 업데이트합니다React의 usestate ()로 상태를 올바르게 업데이트합니다Apr 29, 2025 am 12:42 AM

RECT에서 usestate () 상태의 올바른 업데이트는 상태 관리의 세부 사항을 이해해야합니다. 1) 기능 업데이트를 사용하여 비동기 업데이트를 처리합니다. 2) 상태를 직접 수정하지 않도록 새 상태 객체 또는 배열을 만듭니다. 3) 단일 상태 객체를 사용하여 복잡한 양식을 관리하십시오. 4) 셰이크 방지 기술을 사용하여 성능을 최적화하십시오. 이러한 방법은 개발자가 일반적인 문제를 피하고보다 강력한 반응 응용 프로그램을 작성하는 데 도움이 될 수 있습니다.

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 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

Atom Editor Mac 버전 다운로드

Atom Editor Mac 버전 다운로드

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

에디트플러스 중국어 크랙 버전

에디트플러스 중국어 크랙 버전

작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

안전한 시험 브라우저

안전한 시험 브라우저

안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.

Eclipse용 SAP NetWeaver 서버 어댑터

Eclipse용 SAP NetWeaver 서버 어댑터

Eclipse를 SAP NetWeaver 애플리케이션 서버와 통합합니다.