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

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 < 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

  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 << 1 等同于 0101 << 1 结果为 1010，十进制结果为 10
  >>	按位右移（有符号右移）：将所有二进制位统一向右移动指定的位数，并拷贝最左侧的位来填充左侧	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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

  관련 라벨：

  javascript 运算符

  원천：php.cn
  이전 기사：반응과 자바 스크립트의 차이점은 무엇입니까? 다음 기사：Maxthon 3에서 자바스크립트를 활성화하는 방법
  본 웹사이트의 성명

  본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
  저자별 최신 기사

  • Redis의 센티널에 대해 자세히 이해하기
    2023-04-26 17:59:18
  • [정리 및 공유] 인기 있는 React 상태 관리 도구 7가지
    2023-04-26 17:47:48
  • 기사에서는 Vue2의 키와 Vue3의 키의 차이점을 설명합니다.
    2023-04-26 17:41:42
  • Node의 메모리 제어에 관한 기사
    2023-04-26 17:37:05
  • 실용적인 Excel 기술 공유: 중복 값 삭제를 위한 4가지 팁!
    2023-04-26 17:31:25
  • 실용적인 단어 기술 공유: 중국어 간체와 번체 변환 기능을 이렇게 사용할 수 있습니다!
    2023-04-26 17:27:32
  • 도메인 간 문제를 해결하는 방법은 무엇입니까? 일반적인 솔루션에 대한 간략한 분석
    2023-04-25 19:57:58
  • JavaScript의 싱글톤 패턴을 이해하기 위한 기사 1개
    2023-04-25 19:53:11
  • 노드의 버퍼에 대해 자세히 알아보기
    2023-04-25 19:49:11
  • Vue3에서 단위 테스트를 작성하는 방법 살펴보기
    2023-04-25 19:41:54
  최신 이슈

  JavaScript를 사용하지 않고 클릭 시 이미지 소스를 동적으로 수정하는 CSS 전용 방법 img:active와 같은 CSS만 사용하여 마우스 클릭 시 이미지의 소스를 변경해야 합니다.{}

  에서 2024-04-06 19:25:49

  0

  1

  505

  d3.js를 확대할 때 산점도 값이 유지되지 않습니다. d3.js를 처음 사용하는 것이므로 양해해 주시기 바랍니다. vue.js 파일에 순수 JavaScript로 구현했습니다. 확대/축소 기능을 사용하여 산점도를 만들...

  에서 2024-04-06 18:16:26

  0

  1

  403

  공급업체별 의사 요소에 대한 JavaScript 호버 이벤트 나는 아래에 HTMLinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',fun...

  에서 2024-04-06 15:35:24

  0

  1

  274

  Javascript/Jquery를 사용하여 버튼 없이 양식 제출 JavaScript 함수를 호출하고 JQUERY/PHP를 사용하여 양식을 실행하여 버튼 없이 양식을 제출하려고 합니다. 페이지를 다시 로드하지 않고 백엔드에서 양...

  에서 2024-04-06 14:54:03

  0

  2

  421

  CollapseDisplay 클래스를 사용하여 Bootstrap 아코디언 헤더의 모양을 사용자 정의하세요. 클래스 Collapseshow를 사용하여 패널의 카드 제목 스타일을 지정하고 싶습니다. 이 예에서는 첫 번째 패널입니다. CSS를 사용하여 .accordion.c...

  에서 2024-04-06 12:53:11

  0

  1

  376
  관련 주제

  더>

  • js에서 배열의 길이를 얻는 방법
  • js 현재 페이지 새로 고침
  • JS 반올림
  • 노드를 삭제하는 Node.js 메소드
  • 자바스크립트 이스케이프 문자
  • js에서 난수를 생성하는 방법
  • JavaScript를 활성화하는 방법
  • JS의 Symbol 클래스에 대한 자세한 설명