UI设计师-前端基础-JavaScript基础_运算符和表达式.docxVIP

PAGE1

PAGE1

JavaScript运算符概览

在JavaScript编程中，运算符是用于执行计算、比较或逻辑判断的基本组件。它们在构建程序逻辑、处理数据与实现算法时扮演着重要角色。这一节，我们将深入探讨基本运算符分类以及运算符的优先级和结合性，为你的JavaScript编程之旅打下坚实的基础。

1基本运算符分类

JavaScript提供了多种类型的运算符，每种类型都有其独特的功能和用途。下面，我们分类介绍这些运算符，并通过具体示例加深理解。

1.1算术运算符

算术运算符用于执行基本的数学运算，如加法、减法、乘法、除法等。以下是一些常见的算术运算符：

运算符

描述

示例

+

加法

10+5

-

减法

10-5

*

乘法

10*5

/

除法

10/5

%

取模(求余数)

10%3

++

前置或后置递增

++i或i++

--

前置或后置递减

--i或i--

代码示例：

letsum=10+5;//加法

letdiff=10-5;//减法

letproduct=10*5;//乘法

letdivision=10/5;//除法

letremainder=10%3;//求余数

leti=10;

letincrement=++i;//前置递增

letdecrement=--i;//前置递减

console.log(sum);

console.log(diff);

console.log(product);

console.log(division);

console.log(remainder);

console.log(increment);

console.log(decrement);

1.2比较运算符

比较运算符用于比较两个值，并返回一个布尔值结果。这些运算符常用于控制流程或逻辑判断：

运算符

描述

示例

==

等于(值相等，类型可以不同)

a==b

===

严格等于(值和类型都相等)

a===b

!=

不等于(值不相等，类型可以不同)

a!=b

!==

严格不等于(值或类型不相等)

a!==b

小于

ab

大于

ab

=

小于等于

a=b

=

大于等于

a=b

代码示例：

leta=10;

letb=10;

console.log(a==b);//true,值相等

console.log(a===b);//false,类型不相等

console.log(a!=b);//false,值相等

console.log(a!==b);//true,类型不相等

console.log(a15);//true

console.log(a15);//false

console.log(a=10);//true

console.log(a=10);//true

1.3逻辑运算符

逻辑运算符用于连接布尔表达式，进行逻辑判断。主要的逻辑运算符包括：

运算符

描述

示例

逻辑与

ab

||

逻辑或

a||b

!

逻辑非

!a

代码示例：

letuserLoggedIn=true;

letisPremiumUser=false;

if(userLoggedInisPremiumUser){

console.log(用户已登录，且是高级用户);

}elseif(userLoggedIn||isPremiumUser){

console.log(用户已登录，或用户是高级用户);

}else{

console.log(用户未登录，也不是高级用户);

}

//输出逻辑非的示例

console.log(!userLoggedIn);//false

1.4赋值运算符

赋值运算符用于将值存储到变量中。除了基本的赋值运算符=，JavaScript还提供了一系列复合赋值运算符，如+=,-=等，用于在赋值的同时执行算术操作。

代码示例：

letcount=0;

count+=5;//相当于count=count+5

count-=2;//相当于count=count-2

console.log(count);//输出3

2运算符的优先级和结合性

2.1运算符优先级

在JavaScript中，不同的运算符具有不同的优先级，这决定了它们在表达式中的计算顺序。例如，乘法和除法的优先级高于加法和减法。了解运算符的优先级对于编写正确的逻辑表达式至关重要。

示例：

letres