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

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

青灯夜游
풀어 주다: 2021-10-15 16:44:53
원래의
4580명이 탐색했습니다.

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에서 지원되는 할당 연산자가 나열되어 있습니다.

=가장 간단한 할당 연산자, 연산자 오른쪽의 값을 연산자 왼쪽의 변수에 할당합니다.에 할당한다는 의미입니다. 첫 번째 연산을 추가한 다음 그 결과를 연산자 왼쪽의 변수에 할당합니다. 먼저 빼기 연산을 수행한 다음 할당합니다. 연산자의 왼쪽 변수에 대한 결과 와 동일합니다. 먼저 곱셈을 수행한 다음 그 결과를 왼쪽 변수에 할당합니다. 연산자 먼저 나누기 연산을 수행한 다음 결과를 연산자 왼쪽의 변수에 할당합니다. 먼저 모듈로 연산을 수행한 다음 그 결과를 연산자 왼쪽의 변수에 할당합니다. 샘플 코드는 다음과 같습니다.
로그인 후 복사
复制纯文本复制
로그인 후 복사
로그인 후 복사
로그인 후 복사
로그인 후 복사
로그인 후 복사
로그인 후 복사
로그인 후 복사
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
    로그인 후 복사
    로그인 후 복사

    比较运算符

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

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

    示例代码如下:

    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 + " 年是平年。");
    }
    로그인 후 복사
    로그인 후 복사

    三元运算符

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

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

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

    示例代码如下:

    var x = 11,
        y = 20;
    x > y ? console.log("x 大于 y") : console.log("x 小于 y");  // 输出:x 小于 y
    로그인 후 복사
    로그인 후 복사

    位运算符

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

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

    【推荐学习:javascript高级教程

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

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