> 웹 프론트엔드 > JS 튜토리얼 > JavaScript의 연산자 및 표현식에 대한 간략한 분석

JavaScript의 연산자 및 표현식에 대한 간략한 분석

青灯夜游
풀어 주다: 2022-10-27 19:21:44
앞으로
1608명이 탐색했습니다.

다음 글에서는 JavaScript의 연산자와 표현식을 소개하겠습니다. 도움이 되셨으면 좋겠습니다!

JavaScript의 연산자 및 표현식에 대한 간략한 분석

1. 표현식

1.1 원래 표현식

3.14  //数字直接量
"hello world"  //字符串直接量
/pattern/  //正则表达式直接量

true  //返回一个布尔值: 真
false  //返回一个布尔值: 假
null  //返回一个值: 空
this  //返回“当前”对象

i  //返回变量i的值
sum //返回sum的值
undefined  //undefined是全局变量,和null不同,它不是一个关键字
로그인 후 복사

1.2 표현식

피연산자와 연산자가 결합됩니다.

1
1 + 2
(1 + 2) * 3
(1 + 2 ) * 3 && !flag
로그인 후 복사

2. 연산자

  • 산술 연산자(+, -, *, /, %, **): 일반 덧셈, 뺄셈, 곱셈, 나눗셈 및 나머지 연산 가져오기 , 여기서 **+, -, *, /, %, **): 普通的加、减、乘、除、取余运算,其中**次方运算符
 3 ** 2 // 结果为:9
로그인 후 복사
  • 一元运算符++, --, +, -): 一些只需要一个操作数的运算符,注意++, --放在变量左右侧的差别,放在变量的左侧是先自增(减),再取值,放在右侧则相反。
let a = 2, y, z;
y = ++a // 先执行a = a + 1, 得到 a = 3, 然后将a赋值给y,则y = 3
z = a++ // 接上面a = 3, 将a赋值给z,则z = 3,然后再执行 a = a + 1, 得到a = 4

//一元证号(+)
+3  //3
+'3'  //3
+true  //1
+functioan(a){return a}  //NaN
로그인 후 복사
  • 赋值运算符=, +=, -=, *=, /=, %=):将某个常量或变量或表达式的值赋值给另一个变量,注意:ES6新增的解构赋值
//解构数组
let [a, b, c] = ['one', 'two', 'three']  // a = 'one', b = 'two', c = 'three'
//解构对象
let { name, age } = { name: 'cc', age: 100 }  // name = 'cc', age = 100
로그인 후 복사
  • 相等运算符==, !=, ===, !==):用于比较左右的操作数是否相等。可参考:JS比较运算符(“===”和“==”)的匹配规则以及if()条件的判断结果
  • 关系运算符>, <, >=, <=): 用于比较操作符左右的操作数的大小。
  • 位操作符&, |, ~, ^, <<, >>, >>>): 将其操作数转化为二进制后,进行与、或、非、异或等操作运算,最终返回JS中的一个数值。其中无符号右移
  • 逻辑运算符&&, ||, !): 主要通过与、或、非来判断一个表达式的值是否为true。注意:与和或操作具有短路计算效果。
//短路计算
false && (anything) // 结果为false
true || (anything) // 结果为anything

//方法1: 设置x的缺省值
function test(x) {
	x = x || 100
}
test(10)  //x = 10
test()  // x = 100

// 方法2: ES6的方式
function test(x = 100) {
 ...
}
test(10)  //x = 10
test()  // x = 100
로그인 후 복사
  • 条件运算符? :번째 전력 연산자
  • 입니다.

rrreee단항 연산자(++, --, +, -): 피연산자가 하나만 필요한 일부 연산자,

참고🎜: ++, - - code>변수의 왼쪽과 오른쪽에 놓는 차이는 변수의 왼쪽에 놓으면 먼저 증가(감소)한 다음 값을 가져오고, 오른쪽에 놓으면 그 반대라는 점입니다. . 🎜🎜rrreee🎜🎜🎜할당 연산자🎜 (<code>=, +=, -=, *=, /=, %=): 상수, 변수 또는 표현식의 값을 다른 A 변수에 할당합니다. 🎜참고: ES6의 새로운 구조화 할당🎜. 🎜🎜rrreee🎜🎜🎜동등 연산자🎜(==, !=, ===, !==): 왼쪽과 오른쪽 피연산자가 같은지 비교하는 데 사용됩니다. 참고하세요: JS 비교 연산자( "===" 및 "= =”) 매칭 규칙과 if() 조건🎜의 판단 결과. 🎜🎜🎜관계 연산자🎜 (>, <, >=, <=): 연산자의 왼쪽과 오른쪽 피연산자의 크기를 비교하는 데 사용됩니다. 🎜🎜🎜비트 연산자🎜(&, |, ~, ^, <<, >>, >>>): 피연산자를 이진수로 변환한 후 다음과 같은 연산을 수행합니다. AND, OR, NOT, XOR 등으로 처리하고 마지막으로 JS에서 값을 반환합니다. 그 중 는 🎜부호 없는 오른쪽 시프트🎜입니다. 🎜🎜🎜논리 연산자🎜(&&, ||, !): 주로 AND, OR, NOT을 사용하여 표현식의 값이 true인지 확인합니다. 🎜Note🎜: AND 및/또는 연산에는 단락 계산 효과가 있습니다. 🎜🎜rrreee🎜🎜🎜조건부 연산자🎜(? :): JS에서 피연산자가 3개인 유일한 연산자로, 일반적으로 짧은 형식의 if 문에 사용됩니다. 🎜🎜🎜【관련 추천: 🎜javascript 비디오 튜토리얼🎜, 🎜프로그래밍 비디오🎜】🎜

위 내용은 JavaScript의 연산자 및 표현식에 대한 간략한 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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