html js涨幅率怎么计算,js-数据运算

一、运算符概述

1、定义

JavaScript中运算符主要用于连接简单表达式，组成一个复杂的表达式

2、运算符类别

算数运算符

赋值表达式

比较表达式

布尔运算符

位运算符

二、算数运算符

1、加法运算符(Addition)：x + y

加法运算符是在运行时决定，到底是执行相加，还是执行连接。也就是说，运算子的不同，导致了不同的语法行为，这种现象称为“重载”(overload)

(1)、在两个操作数都是数字的时候，会做加法运算

console.log(2+4);//6

(2)、两个参数都是字符串或在有一个参数是字符串的情况下，会把另外一个参数转换为字符串做字符串拼接

console.log("2"+"4");//"24"

'3' + 4 + 5 // "345"

3 + 4 + '5' // "75"

(3)、在参数有对象的情况下

3.1首先自动调用对象的valueOf方法

一般来说，对象的valueOf方法总是返回对象自身，，也可自定义

3.2再自动调用对象的toString方法，将其转为字符串(如果valueOf方法直接返回一个原始类型的值，就不会调用tostring)

对象的toString方法默认返回[object Object]，也可自定义

var obj = { p: 1 };

obj + 2 // "[object Object]2"

3.3自定义valueOf方法或toString方法，得到想要的结果

var obj = {

valueOf: function () {

return 1;

}

};

obj + 2 // 3

var obj = {

toString: function () {

return 'hello';

}

};

obj + 2 // "hello2"

3.4 Date对象特例

如果运算子是一个Date对象的实例，那么会优先执行toString方法。

var obj = new Date();

obj.valueOf = function () { return 1 };

obj.toString = function () { return 'hello' };

obj + 2 // "hello2"

(4)、在只有一个字符串参数和+号的时候会尝试将其转换为数字，转换失败输出NaN

console.log(+"4");//4

+'dddddd'

NaN

2、其他算术运算符

对于其他运算符，在运算前都强制转换数字，再运算。对象就调用valueOf或者toString，如果不能转换的，输出NaN

减法运算符(Subtraction)： x - y

乘法运算符(Multiplication)： x * y

除法运算符(Division)：x / y

余数运算符(Remainder)：x % y

自增运算符(Increment)：++x(先加后赋值) 或者 x++(先赋值后加)

自减运算符(Decrement)：--x 或者 x--

求负运算符(Negate)：-x

数值运算符(Convert to number)： +x

三、赋值运算符

赋值运算符用于给变量赋值，最常见的赋值运算符，当然就是等号，表达式x=y表示将y赋值给x。除此之外，JavaScript还提供其他11个赋值运算符。

运算时从右到左，如var z=y=x;

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 // 等同于 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 // 等同于 x = x ^ y

四、比较运算符

比较运算符比较两个值，然后返回一个布尔值，表示是否满足比较条件。

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

1、 == 比较两个值是否相等

相等运算符(==)会将它们转换成同一个类型，再用严格相等运算符进行比较。

2、=== 严格相等，比较它们是否为同一个值(数据类型也要相同)

内容较多，单独写了一篇文章去说相等和严格相等

3、!=不相等

4、!== 严格不相等

它的算法就是先求严格相等运算符的结果，然后返回相反值。

5、其他比较运算符(< 小于 <= 小于或等于 > 大于 >= 大于或等于)

5.1同为字符串按照Unicode 顺序进行比较

首先比较首字符的 Unicode 码点，如果相等，再比较第二个字符的 Unicode 码点，以此类推

5.2不全为字符串的比较，分成以下两种情况

1)原始类型值(数值、字符串、布尔值)

如果两个运算子都是原始类型的值，则是先转成数值再比较

5 > '4' // true

// 等同于 5 > Number('4')

// 即 5 > 4

true > false // true

// 等同于 Number(true) > Number(false)

// 即 1 > 0

2 > true // true

// 等同于 2 > Number(true)

// 即 2 > 1

2)有一方或者双方为对象的比较

调用valueOf方法和toString方法，转为原始类型的值，再进行比较

var x = [2];

x > '11' // true

// 等同于 [2].valueOf().toString() > '11'

// 即 '2' > '11'

{ x: 2 } >= { x: 1 } // true

// 等同于 { x: 2 }.valueOf().toString() >= { x: 1 }.valueOf().toString()

// 即 '[object Object]' >= '[object Object]'

五、布尔运算符

1、! 取反运算符

对数据取反，得到的都是布尔值！

2、&& 且运算符

1)用途：且运算符(&&)往往用于多个表达式的求值。

2) 运算规则是：如果第一个运算子的布尔值为true，则返回第二个运算子的值(注意是值，不是布尔值)；如果第一个运算子的布尔值为false，则直接返回第一个运算子的值，且不再对第二个运算子求值。

var x = 1;

(1 - 1) && ( x += 1) // 0

x // 1

3)跳过第二个运算子的机制，被称为“短路”,有些程序员喜欢用它取代if结构

if (i) {

doSomething();

}

// 等价于

i && doSomething();

4)运算符可以多个连用

返回第一个布尔值为false的表达式的值。如果所有表达式的布尔值都为true，则返回最后一个表达式的值。

true && 'foo' && '' && 4 && 'foo' && true

// ''

1 && 2 && 3

// 3

3、|| 或运算符

1)运算规则：

如果第一个运算子的布尔值为true，则返回第一个运算子的值，且不再对第二个运算子求值；如果第一个运算子的布尔值为false，则返回第二个运算子的值

't' || 'f' // "t"

'' || 'f' // "f"

2)或运算符可以多个连用

这时返回第一个布尔值为true的表达式的值。如果所有表达式都为false，则返回最后一个表达式的值。

false || 0 || '' || 4 || 'foo' || true

// 4

false || 0 || ''

// ''

4、condition? true case : false case 三元条件运算符

1)简介：三元条件运算符由问号(?)和冒号(:)组成，分隔三个表达式。

2)规则：如果第一个表达式的布尔值为true，则返回第二个表达式的值，否则返回第三个表达式的值。

console.log(true ? 'T' : 'F');

六、位运算符

就是把两个做位运算的值，都按照二进制一位一位的按照符号规则进行运算

位运算符只对整数起作用，如果一个运算子不是整数，会自动转为整数后再执行

1、或运算(or)：

符号为|，表示两个二进制位中有一个为1，则结果为1，否则为0。

0000 0010 | 0000 0001 就等0000 0011(3)

2、与运算(and)：

符号为&，表示两个二进制位都为1，则结果为1，否则为0。

0000 0010 & 0000 0001 就等0000 0000(0)

3、否运算(not)：

符号为～，表示将一个二进制位变成相反值。

~ 0000 0010 就等于1111 1101

4、异或运算(xor)：

符号为ˆ，表示两个二进制位中有且仅有一个为1时，结果为1，否则为0。

5、左移运算(left shift)：符号为<<

1(数值)<<1(左移的位数) //2

1<<2 //4

1<<3 //8

6、右移运算(right shift)：符号为>>

8>>1 //4

7、带符号位的右移运算(zero filled right shift)：符号为>>>

七、其他运算符

1、()小括号

圆括号是一种运算符，它有两种用法：

1)如果把表达式放在圆括号之中，作用是求值

2)如果跟在函数的后面，作用是调用函数。

2、逗号运算符

逗号运算符用于对两个表达式求值，并返回后一个表达式的值。

var x = 0;

var y = (x++, 10);

x // 1

y // 10

八、运算符的优先级

运算符的优先级，建议还是查看mdn。全部记住很难，简单理一下顺序，加深直觉(不准确哟)

自增 > 逻辑非>typeof > 加减乘除 > 判断大小(><=) >逻辑运算(与或)>三元条件运算符 >赋值 >,)

1、typeof的优先级相当的高，比加减乘除神马的都高，所以虽然是操作符，在在复杂表达式的时候我们还是习惯加括号，看个例子

typeof 2*3;//NaN

typeof (2*3);//"number"

typeof 2+3;// "number3"

2、 ++、--是右结合的操作符(优先级最高的几个都是右结合)，而且比加减乘除优先级高。同时自增、自减运算符的运算数得是左值(可以放在赋值符号左边的值)，而不能是常数

var a=0,b=0;

a+++b;//0

a;//1，a++优先级比++b高，所以相当于(a++)+b

b;//0

3、赋值运算符的优先级相当的低

a = b == c; //等同于a = (b==c)

4、逻辑非!也在优先级队列的前端，比加减乘除高，但逻辑与、逻辑或优先级很低，不如加减乘除

!2*0; //0, 等价于(!2)*0