【JavaWeb新手入门】入门篇之JS运算符

typeof运算符

JavaScript 有三种方法，可以确定一个值到底是什么类型。而我们现在需要接触到的就是typeof

数值返回number

typeof 123 // "number"

字符串返回string

typeof '123' // "string"

布尔值返回boolean

typeof false // "boolean"

对象返回object

typeof {} // "object"

unll和undefined的区别

null与undefined都可以表示“没有”，含义非常相似。将一个变量赋值为undefined或null，老实说，语法效果几乎没区别。既然含义与用法都差不多，为什么要同时设置两个这样的值，这不是无端增加复杂度，令初学者困扰吗？这与历史原因有关

实时效果反馈

1. 下列字符串数据类型的关键字是：

A number

B string

C boolean

D object

2. 以下代码执行结果正确的是:

console.log(typeof 100)

A number

B string

C boolean

D object

答案

1=>B 2=>A

运算符之算术运算符

加减乘除运算符

加减乘除运算符就是基本的数学运算符效果

10 + 10; // 20
100 - 10; // 90
10 * 2; //20
10 / 5; 2

余数运算符

余数运算符是比较常用的，因为在逻辑思维上寻找规律，余数运算符是很好用的

13 % 5 // 3

自增和自减运算符

自增和自减运算符，是一元运算符，只需要一个运算子。它们的作用是将运算子首先转为数值，然后加上1或者减去1

var x = 1;
var y = 1;
++x // 2
--y // 0

自增和自减运算符有一个需要注意的地方，就是放在变量之后，会先返回变量操作前的值，再进行自增/自减操作；放在变量之前，会先进行自增/自减操作，再返回变量操作后的值。

var x = 1;
var y = 1;

x++ // 1
++y // 2

var x = 10;
var y = 20;
console.log(x++ + y);// 30

实时效果反馈

1. 下列代码执行结果正确的是：

var x = 5;
var y = 5;
console.log(x++  +  --y);

A 9

B 10

C 11

D 12

2. 关于自增自减运算符描述正确的是 :

A 自增和自减运算符，是二元运算符，只需要二个运算子

B 自增和自减运算符，就是加法和减法运算符

C 自增和自减运算符，是一元运算符，只需要一个运算子

D 自增和自减运算符，符号在前或者在后都是一样的

答案

1=>A 2=>C

运算符之赋值运算符

赋值运算符（Assignment Operators）用于给变量赋值

最常见的赋值运算符，当然就是等号（=）

// 将 1 赋值给变量 x
var x = 1;

// 将变量 y 的值赋值给变量 x
var 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
x %= y

实时效果反馈

1.下列代码的运行结果是 ：

var num1 = 10;
var num2 = 20;
console.log(num1 += num2);

A 10

B 20

C 30

D 40

2. 下列代码的运行结果是:

var num1 = 12;
var num2 = num1;		
console.log(++num1 + num2);

A 20

B 25

C 30

D 35

答案

1=>C 2=>B

运算符之比较运算符

比较运算符用于比较两个值的大小，然后返回一个布尔值，表示是否满足指定的条件。

2 > 1 // true

JavaScript 一共提供了8个比较运算符。

比较运算符	描述
<	小于运算符
>	大于运算符
<=	小于或等于运算符
>=	大于或等于运算符
==	相等运算符
===	严格相等运算符
!=	不相等运算符
!==	严格不相等运算符

“”和“=”的区别

==：双等比较值

===：三等比较值和类型

实时效果反馈

1.下列那个选项是比较运算符 ：

A =

B ==

C +=

D ++

2. 下列关于"“和”="运算符的描述正确的是:

A 双等比较值,三等也是比较值

B 双等比较值和类型,三等比较值

C 双等比较值和类型,三等比较值和类型

D 双等比较值,三等比较值和类型

答案

1=>B 2=>D

运算符之布尔运算符

取反运算符（!）

布尔值取反

!true // false
!false // true

非布尔值取反

对于非布尔值，取反运算符会将其转为布尔值。可以这样记忆，以下六个值取反后为true，其他值都为false。

温馨提示

undefined
null
false
0
NaN
空字符串（‘’）

!undefined // true
!null // true
!0 // true
!NaN // true
!"" // true

!54 // false
!'hello' // false

且运算符（&&）

多个条件都要满足

如果一个人一直做好事，突然有一天做了一件坏事，那么人们会认为这个人很虚伪，以前说不定都是装的！对这个人不在认可

console.log(10 < 20 && 10 >5); // true

或运算符（||）

满足一个条件即可

如果一个人一直做坏事，突然有一天做了一件好事，那么人们会认为这个人其实还不错，以前也许是另有原因！对这个人突然就认可了

console.log(10 < 20 || 10 < 5); // true

实时效果反馈

1.下列代码运行结果是 ：

!undefined
!'hello'

A true true

B false false

C true false

D false true

2. 下列代码中运行结果是:

var num = 0;
++num;
console.log(!num);

A 0

B true

C 1

D false

答案

1=>C 2=>D