Maison > interface Web > js tutoriel > Une brève analyse des opérateurs et des expressions en JavaScript

Une brève analyse des opérateurs et des expressions en JavaScript

青灯夜游
Libérer: 2022-10-27 19:21:44
avant
1608 Les gens l'ont consulté

L'article suivant vous présentera les opérateurs et expressions en JavaScript. J'espère qu'il vous sera utile !

Une brève analyse des opérateurs et des expressions en JavaScript

1. Expression

1.1 Expression originale

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

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

i  //返回变量i的值
sum //返回sum的值
undefined  //undefined是全局变量,和null不同,它不是一个关键字
Copier après la connexion

1.2 Expression

Les opérandes et les opérateurs sont combinés.

1
1 + 2
(1 + 2) * 3
(1 + 2 ) * 3 && !flag
Copier après la connexion

2. Opérateurs

  • Opérateurs arithmétiques (+, -, *, /, %, **) : addition, soustraction, multiplication, division et récupération du reste ordinaire , où ** est le +, -, *, /, %, **): 普通的加、减、乘、除、取余运算,其中**次方运算符
 3 ** 2 // 结果为:9
Copier après la connexion
  • 一元运算符++, --, +, -): 一些只需要一个操作数的运算符,注意++, --放在变量左右侧的差别,放在变量的左侧是先自增(减),再取值,放在右侧则相反。
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
Copier après la connexion
  • 赋值运算符=, +=, -=, *=, /=, %=):将某个常量或变量或表达式的值赋值给另一个变量,注意: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
Copier après la connexion
  • 相等运算符==, !=, ===, !==):用于比较左右的操作数是否相等。可参考: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
Copier après la connexion
  • 条件运算符? :ème opérateur électrique
  • .

rrreeeOpérateurs unaires (++, --, +, -) : Certains opérateurs qui ne nécessitent qu'un seul opérande,

Remarque🎜 : ++, - - code>La différence entre le placer sur les côtés gauche et droit d'une variable est que le placer sur le côté gauche de la variable incrémentera (décrémentera) puis prendra la valeur, tandis que le placer sur le côté droit fera l'inverse . 🎜🎜rrreee🎜🎜🎜Opérateur d'affectation🎜 (<code>=, +=, -=, *=, /=, %=) : attribuer la valeur d'une constante, d'une variable ou d'une expression à une autre variable A, 🎜Remarque : la nouvelle mission de déstructuration d'ES6🎜. 🎜🎜rrreee🎜🎜🎜Opérateur d'égalité🎜 (==, !=, ===, !==) : utilisé pour comparer si les opérandes gauche et droit sont égaux. Veuillez vous référer à : opérateurs de comparaison JS ( "===" et "= =”) les règles de correspondance et les résultats du jugement des conditions if()🎜. 🎜🎜🎜Opérateurs relationnels🎜 (>, <, >=, <=) : utilisé pour comparer la taille des opérandes gauche et droit de l'opérateur. 🎜🎜🎜opérateur de bits🎜 (&, |, ~, ^, <<, >>, >>>) : Après avoir converti ses opérandes en binaire, effectuez des opérations telles comme AND, OR, NOT, XOR, etc., et enfin renvoyer une valeur en JS. Parmi eux, est 🎜décalage à droite non signé🎜. 🎜🎜🎜Opérateurs logiques🎜 (&&, ||, !) : utilisez principalement AND, OR, NOT pour déterminer si la valeur d'une expression est vraie. 🎜Remarque🎜 : Les opérations ET et/ou ont un effet de calcul de court-circuit. 🎜🎜rrreee🎜🎜🎜Opérateur conditionnel🎜 (? :) : Le seul opérateur en JS avec 3 opérandes, généralement utilisé sous la forme courte des instructions if. 🎜🎜🎜【Recommandations associées : 🎜Tutoriel vidéo javascript🎜, 🎜Vidéo de programmation🎜】🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:csdn.net
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal