js2

作者: 星河入怀fd | 来源:发表于2019-06-10 08:48 被阅读0次

运算符

运算符也叫操作符

通过运算符可以对一个或多个值进行运算,并获取运算结果

比如:typeof就是运算符,可以来获得一个值的类型,它会将该值的类型以字符串的形式返回

"number" "string" "boolean" "undefined" "object"

算数运算符

当对非Number类型的值进行运算时,会将这些值转换为Number然后在运算

任何值和NaN做运算都得NaN

+可以对两个值进行加法运算,并将结果返回

如果对两个字符串进行加法运算,则会做拼串,会将两个字符串拼接为一个字符串,并返回

任何的值和字符串做加法运算,都会先转换为字符串,然后再和字符串做拼串的操作

- 可以对两个值进行减法运算,并将结果返回

* 可以对两个值进行乘法运算

/ 可以对两个值进行除法运算

% 取模运算(取余数)

任何值和字符串相加都会转换为字符串,并做拼串操作

我们可以利用这一特点,来将一个任意的数据类型转换为String

我们只需要为任意的数据类型 + 一个 "" 即可将其转换为String

这是一种隐式的类型转换,由浏览器自动完成,实际上它也是调用String()函数

一元运算符

一元运算符,只需要一个操作数

+ 正号

- 正号不会对数字产生任何影响

- 负号

- 负号可以对数字进行符号的取反

- 对于非Number类型的值,它会将先转换为Number,然后再运算

- 可以对一个其他的数据类型使用+,来将其转换为number,它的原理和Number()函数一样

自减和自增

通过关系运算符可以比较两个值之间的大小关系,

如果关系成立它会返回true,如果关系不成立则返回false

> 大于号

- 判断符号左侧的值是否大于右侧的值

- 如果关系成立,返回true,如果关系不成立则返回false

>= 大于等于

- 判断符号左侧的值是否大于或等于右侧的值

< 小于号

<= 小于等于

非数值的情况

- 对于非数值进行比较时,会将其转换为数字然后再比较

- 如果符号两侧的值都是字符串时,不会将其转换为数字进行比较,而会分别比较字符串中字符的Unicode编码

var a = 1;

使a自增1

a++;

++a;

console.log("++a = " + ++a);

console.log("a++ = " + a++);

console.log("a = " + a);

逻辑运算符

JS中为我们提供了三种逻辑运算符

! 非

- !可以用来对一个值进行非运算

- 所谓非运算就是值对一个布尔值进行取反操作,

true变false,false变true

- 如果对一个值进行两次取反,它不会变化

- 如果对非布尔值进行元素,则会将其转换为布尔值,然后再取反

所以我们可以利用该特点,来将一个其他的数据类型转换为布尔值

可以为一个任意数据类型取两次反,来将其转换为布尔值,原理和Boolean()函数一样

&& 与

- &&可以对符号两侧的值进行与运算并返回结果

- 运算规则

- 两个值中只要有一个值为false就返回false,

只有两个值都为true时,才会返回true

- JS中的“与”属于短路的与,

如果第一个值为false,则不会看第二个值

|| 或

- ||可以对符号两侧的值进行或运算并返回结果

- 运算规则:

- 两个值中只要有一个true,就返回true

如果两个值都为false,才返回false

- JS中的“或”属于短路的或

如果第一个值为true,则不会检查第二个值

与或运算

&& || 非布尔值的情况

- 对于非布尔值进行与或运算时,会先将其转换为布尔值,然后再运算,并且返回原值

- 与运算:

- 如果第一个值为true,则必然返回第二个值

- 如果第一个值为false,则直接返回第一个值

- 或运算

- 如果第一个值为true,则直接返回第一个值

- 如果第一个值为false,则返回第二个值

赋值运算符

=

可以将符号右侧的值赋值给符号左侧的变量

+=

a += 5 等价于 a = a + 5

-=

a -= 5 等价于 a = a - 5

*=

a *= 5 等价于 a = a5

/=

a /= 5 等价于 a = a / 5

%=

a %= 5 等价于 a = a % 5

一元运算符,只需要一个操作数

+ 正号

- 正号不会对数字产生任何影响

- 负号

- 负号可以对数字进行符号的取反

- 对于非Number类型的值,它会将先转换为Number,然后再运算

- 可以对一个其他的数据类型使用+,来将其转换为number,它的原理和Number()函数一样

关系运算符

通过关系运算符可以比较两个值之间的大小关系,

如果关系成立它会返回true,如果关系不成立则返回false

> 大于号

- 判断符号左侧的值是否大于右侧的值

- 如果关系成立,返回true,如果关系不成立则返回false

>= 大于等于

- 判断符号左侧的值是否大于或等于右侧的值

< 小于号

<= 小于等于

非数值的情况

- 对于非数值进行比较时,会将其转换为数字然后再比较

- 如果符号两侧的值都是字符串时,不会将其转换为数字进行比较,而会分别比较字符串中字符的Unicode编码

相关文章

  • js2

    ##数据API: **1.string();把数组转换成字符串** 代码如下 ```js var a=[1,2,3...

  • js2

    JS2 一.常量:常量名必须大写 常量一旦声明就不可以被改变 一旦声明两个被改变了,就会报错 二.六种数据类型相加...

  • JS2

    1、变量与字符串: 变量:是一个容器,里面是用来存方东西的,可以使数字,也可以是字符串,也可以是对象,也可以是其他...

  • JS2

    javascript知识体系:该框架一共4个页面构成:一共有4个window对象,window对象就是一个html...

  • JS2

    function run(num) { let x="Fizz",y="Buzz",z="Whizz",l="Fi...

  • JS2

    第五章******************************************************...

  • js2

    运算符 运算符也叫操作符 通过运算符可以对一个或多个值进行运算,并获取运算结果 比如:typeof就是运算符,可以...

  • JS2

    var name1console.log(name1) // 同时声明多个变量var age =18,sex, s...

  • react学习(2)

    知识点 1:babel.js的作用:ES6=>ES5,jsx=>js2:小案例

  • 原生js 图片懒加载

    1、使用方法 1、引入下面js2、在img添加 class="lazyloadimg" 类名,src 里面是默认图...

网友评论

      本文标题:js2

      本文链接:https://www.haomeiwen.com/subject/qfkaxctx.html