- 运算符也叫操作符
- 通过运算符可以对一个或多个值进行运算,并获取运算结果
- 比如:typeof就是运算符,可以来获得一个值的类型
- 它会将该值的类型以字符串的形式返回
- number string boolean undefined object
- 算数运算符
- 当对非Number类型的值进行运算时,会将这些值转换为Number然后在运算,任何值和NaN做运算都得NaN
- + (加号):
- 可以对两个值进行加法运算,并将结果返回
- 如果对两个字符串进行加法运算,则会做拼串会将两个字符串拼接为一个字符串,并返回
- 任何的值和字符串做加法运算,都会先转换为字符串,然后再和字符串做拼串的操作
- - (减号): 可以对两个值进行减法运算,并将结果返回
- * (乘号) :可以对两个值进行乘法运算
- / (除号) :可以对两个值进行除法运算
- % (取余) :取模运算(取余数)
var a = 123;
var result = typeof a;
result = a + 1; // 拼串
result = 456 + 789; //数值的加法运算
result = true + 1; // 先对true进行数据转换,然后再进行加法运算
result = true + false; // 先对true和false都进行数据转换,然后再进行加法运算
result = 2 + null;
result = 2 + NaN;
result = "你好" + "大帅哥"; //拼串
var str = "锄禾日当午," +
"汗滴禾下土," +
"谁知盘中餐," +
"粒粒皆辛苦";
result = 123 + "1"; // 拼串
result = true + "hello"; // 拼串
result = 100 - 5;
result = 100 - true; // 先对true进行数据转换,然后再进行加法运算
result = 100 - "1"; // 99 先对字符串“1”进行数据转换,然后进行运算
result = 2 * 2; // 4
result = 2 * "8"; // 16
result = 2 * undefined; // 0
result = 2 * null; // 0
result = 2 / 2; // 1
result = 2 / "8"; // 0.25
- 总结:
- 任何值做 - * / 运算时都会自动转换为Number
- 我们可以利用这一特点做隐式的类型转换
- 可以通过为一个值 -0 *1 /1来将其转换为Number
- 原理和Number()函数一样,使用起来更加简单
result = 9 % 3; // 0
result = 9 % 4; // 1
result = 9 % true; // 0
result = 9 % "5"; // 4
- 一元运算符,只需要一个操作数
- 正号不会对数字产生任何影响
- 负号可以对数字进行负号的取反
- 对于非Number类型的值,它会将先转换为Number,然后在运算;
- 可以对一个其他的数据类型使用+,来将其转换为number,它的原理和Number()函数一样。
var a = 123;
a = -a;
a = true; // 1
a = "18"; // 18
a = +a; // 可以将true及字符串“18”转换为对应的数值
console.log(typeof a);
var result = 1 + +"2" + 3;
- 自增 ++
- 通过自增可以使变量在自身的基础上增加1
- 对于一个变量自增以后,原变量的值会立即自增1
- 自增分成两种:后++ (a++) 和 前++ (++a)
- 无论是a++ 还是 ++a,都会立即使原变量的值自增1
- 不同的是a++ 和 ++a的值不同
- a++的值等于原变量的值(自增前的值)
- ++a的值等于新值 (自增后的值)
- 自减 –
- 通过自减可以使变量在自身的基础上减1
- 自减分成两种:后-- (a–) 和 前-- (–a)
- 无论是a-- 还是 --a 都会立即使原变量的值自减1
- 不同的是a-- 和 --a的值不同
- a-- 是变量的原值 (自减前的值)
- –a 是变量的新值 (自减以后的值)
var num = 10;
console.log(num--); // 10
console.log(num--); // 9
var num = 10;
console.log(--num); // 9
console.log("num = "+num);
JS中为我们提供了三种逻辑运算符,这三种运算符可以做如下三件事:
- 对于布尔类型的数据直接运算;
- 对于非布尔类型的会先将其转换为布尔值,然后再运算,并且返回原值;
- 对于JS语句,先判断JS语句的执行结果,然后根据结果判断是否执行第二个。
! 非运算
- !可以用来对一个值进行非运算
- 所谓非运算就是值对一个布尔值进行取反操作,true变false,false变true
- 如果对一个值进行两次取反,它不会变化
- 如果对非布尔值进行元素,则会将其转换为布尔值,然后再取反
- 所以我们可以利用该特点,来将一个其他的数据类型转换为布尔值;
- 可以为一个任意数据类型取两次反,来将其转换为布尔值,原理和Boolean()函数一样
&& 与运算
- && 可以对符号两侧的值进行与运算并返回结果
- 运算规则:两个值中只要有一个值为false就返回false,
- 只有两个值都为true时,才会返回true,JS中的“与”属于短路的与运算,如果第一个值为false,则不会看第二个值。
|| 或运算
- ||运算可以对符号两侧的值进行或运算并返回结果
- **运算规则:**两个值中只要有一个true,就返回true
- 如果两个值都为false,才返回false,JS中的“或”属于短路的或,如果第一个值为true,则不会检查第二个值。
var a = false;
a = !a; //对a进行非运算
//console.log("a = "+a);
var b = 10;
b = !!b; //对B进行数据类型转换
//如果两个值都是true则返回true
var result = true && true;
//只要有一个false,就返回false
result = true && false; //第一个值为true,会检查第二个值
result = false && true; //第一个值为false,不会检查第二个值
result = false && false;
//两个都是false,则返回false
result = false || false;
//只有有一个true,就返回true
result = false || true ; //第一个值为false,则会检查第二个值
result = true || false; //第一个值为true,则不再检查第二个值
result = true || true ;
result = 0 && 2; // 0
result = 2 && 0; // 2
//false && false
result = NaN && 0; // NAN
result = 0 && NaN; // 0
//如果第一个值为true,则直接返回第一个值
result = 2 || NaN; // 2
result = 2 || 0; // 2
//如果第一个值为false,则直接返回第二个值
result = NaN || 1; // NAN
result = NaN || 0; // NAN
- =(等号) // 可以将符号右侧的值赋值给符号左侧的变量
- += (加等号) // a += 5 等价于 a = a + 5
- -=(减等号) //a -= 5 等价于 a = a - 5
- *=(乘等号) //a *= 5 等价于 a = a * 5
- /=(除等号) //a /= 5 等价于 a = a / 5
- %=(取余等号) // a %= 5 等价于 a = a % 5
- 通过关系运算符可以比较两个值之间的大小关系,如果关系成立它会返回true,如果关系不成立则返回false。
- > 大于号
- 判断符号左侧的值是否大于右侧的值
- 如果关系成立,返回true,如果关系不成立则返回false
- >= 大于等于
- 判断符号左侧的值是否大于或等于右侧的值
- < 小于号
- <= 小于等于
- 非数值的情况
- 对于非数值进行比较时,会将其转换为数字然后在比较
- 如果符号两侧的值都是字符串时,不会将其转换为数字进行比较,而会分别比较字符串中字符的Unicode编码;
- 可以使用charCodeAt()方法查询对应的Unicode编码。
console.log(1 > true); //false
console.log(1 >= true); //true
console.log(1 > "0"); //true
console.log(10 > null); //true
//任何值和NaN做任何比较都是false
console.log(10 <= "hello"); //false
console.log(true > false); //true
console.log("1" < "5"); //true
- == 相等运算:相等运算符用来比较两个值是否相等,
- 数据类型相同且相等会返回true,否则返回false;
- 如果值的类型不同,则会自动进行类型转换,将其转换为相同的类型,然后在比较。
- != 不相等:不相等用来判断两个值是否不相等,如果不相等返回true,否则返回false
- 使用 != 来做不相等运算
- 不相等也会对变量进行自动的类型转换,如果转换后相等它也会返回false
- === 全等 (可以用来做类型判断)
- 用来判断两个值是否全等,它和相等类似,不同的是它不会做自动的类型转换,如果两个值的类型不同,直接返回false。
- !== 不全等(可以用来做类型判断)
- 用来判断两个值是否不全等,和不等类似,不同的是它不会做自动的类型转换,如果两个值的类型不同,直接返回true。
console.log(10 != 5); //true
console.log(10 != 10); //false
console.log("abcd" != "abcd"); //false
console.log("1" != 1); //false
console.log("123" === 123); //false
console.log(null === undefined); //false
console.log(1 !== "1"); //true
**注:**可以通过isNaN()函数来判断一个值是否是NaN,如果该值是NaN则返回true,否则返回false
- 条件运算符也叫三元运算符
- 语法:
- 条件表达式?语句1:语句2;
- 执行的流程:
- 条件运算符在执行时,首先对条件表达式进行求值,如果该值为true,则执行语句1,并返回执行结果。如果该值为false,则执行语句2,并返回执行结果。
- 如果条件的表达式的求值结果是一个非布尔值,会将其转换为布尔值然后在运算。
语法示例:
false?alert("语句1"):alert("语句2");
var a = 300;
var b = 143;
var c = 50;
a > b ? alert("a大"):alert("b大");
// 获取a和b中的最大值
var max = a > b ? a : b;
// 获取a b c 中的大值
max = max > c ? max : c;
false?alert("语句1"):alert("语句2");
var a = 300;
var b = 143;
var c = 50;
a > b ? alert("a大"):alert("b大");
// 获取a和b中的最大值
var max = a > b ? a : b;
// 获取a b c 中的大值
max = max > c ? max : c;