接下来，我先补充一下运算符，如果基础的还不明白，可以查看：开始Javascript运算符补充算术运算符：+，-，*，/,%,()算术运算符在编写的时候可以简写：var a = 3; a = a +
接下来，我先补充一下运算符，如果基础的还不明白，可以查看：开始Javascript
运算符补充
算术运算符：+，-，*，/,%,()
- 算术运算符在编写的时候可以简写：
- var a = 3; a = a + 3;可以简单写为：a +=3;(+=之间不能有空格)
自增自减运算符
- 自增运算符：
- 作用：都是让数据在原来的基础上加一。
- a = a + 1;可以简写成 a++(数据的自增);
- 先加加：++a，特点：先自增，再运算
- 后加加：a++，特点：先运算，再自增
- 自减运算符：
- 作用：在原来的基础上将数据减一：
- 先减减：--a，特点：先自减，再运算
- 后减减：a--，特点：先运算再自减;
- 注意：自增最多只算两层。 var a = 1;var b = a++ + ++a + a ++;（本身就存在争议）
<script type="text/javascript"> // var a = 4; // //后加加 // //a++;//a += 1; // //先加加 // ++a; // console.log(a); // var a = 4; // var b = a++ + 4;//a ++ ==>a += 1;===>a = a + 1; // //如果是后加，那么这个会在运算完成之后再进行自增 // console.log(b);// 8 9 // console.log(a); // var c = 4; // var d = ++c + 4; // //如果是先加，那么这个运算会先自增，再进行计算 // console.log(d);// 8 9 // console.log(c); // var a = 4; // var b = a++ + 4;//===> b = a + 4; a+=1; // console.log(b); // var c = 4; // var d = ++c + 4;//===> c+=1; d = c + 4; //*****练习题： // var a = 1; // var b = 2; // var c = 3; // var d = a++ + b++ + c ; // // d = a + b + c; // // a += 1; // // b += 1; // console.log(a); // console.log(b); // console.log(d); //****** // var a = 2; // var e = a++ + ++a + a; // console.log(e); //6 // console.log(a); //初级： //先加 // var a = 1; // var b = 2; // var c = ++a + b; // //a += 1;//2 // //c = a + b //4 // console.log(a);//2 // console.log(c);//4 // //后加 // var a = 1; // var b = 2; // var c = a++ + b; // //c = a + b //3 // //a += 1; //2 // console.log(a);//2 // console.log(c);//3 //中级： //先加： // var a = 1; // var b = 2; // var c = ++a + ++b; // //a += 1;//2 // //b += 1;//3 // // c = a + b;//5 // console.log(a);//2 // console.log(b);//3 // console.log(c);//5 // //后加： // var a = 1; // var b = 2; // var c = a++ + b++; // // c = a + b;//3 // // a += 1;//2 // //b += 1;//3 // console.log(a);//2 // console.log(b);//3 // console.log(c);//3 // //高级： // //先加和后加 //var a = 1; // var b = 2; // var c = ++a + b++; // // a +=1;//2 // // c = a + b;//4 // // b +=1;//3 // console.log(a);//2 // console.log(b);//3 // console.log(c);//4 // var a = 12; // var b = 10; // var c = 5; // var d = a++; d = 12 a = 13 // var e = ++b; // var f = c + d++; // var g = c + ++d; d = 14 // console.log(d) 14 // console.log(e) 11 // console.log(f) 17 // console.log(g) 19 </script>逻辑运算符
- &&：并且
| && | true | false |
|---|---|---|
| true | true | false |
| false | false | false |
记忆：一false全false。
- ||：或者
| 或者 | true | false |
|---|---|---|
| true | true | true |
| false | true | false |
记忆：一true全true。
- ！：非（取反）
| ！ | true | false |
|---|---|---|
| false | true |
记忆：取反。
- 注意
- 算术运算符有自己的优先级:先乘除再加减。
- 逻辑运算符也有自己的优先级：先算&&，再算||，如果有！先算！
比较运算符
- <
=
- <=
- ==
- var a = 3;var b =”3”; var c = a ==b;==>c =true;
- 注意：==在比较的时候比较的是内容，没有关注数据的类型。
- ===(全等)：比较的时候比较的是内容，还有类型
- var a = 3;var b = “3”;var c = a===b;==>c=false;
- !=：比较的是内容
- !==：比较的内容和类型
三元运算符
- 作用：用于判断两个选择。
- 代码：boolean表达式?代码段1：代码段2;
- 执行过程：判断boolean表达式是否成立，如果成立会执行代码段1，如果不成立会执行代码段2;
数据类型的转换
显示转换：
转数字：
- Number转换：
- 代码：
var a = “123”;a = Number(a);- 注意：
- a)如果转换的内容本身就是一个数值类型的字符串，那么将来在转换的时候会返回自己。
- b)如果转换的内容本身不是一个数值类型的字符串，那么在转换的时候结果是NaN.
- c)如果要转换的内容是空的字符串，那以转换的结果是0.
- d）如果是其它的字符，那么将来在转换的时候结果是NaN.
- parseInt():
- 代码：
var a = “123”; a = parseInt(a);- a)忽略字符串前面的空格，直至找到第一个非空字符,还会将数字后面的非数字的字符串去掉。
- b)如果第一个字符不是数字符号或者负号，返回NaN
- c）会将小数取整。（向下取整）
- parseFloat();//浮点数（小数）
- 与parseInt一样，唯一区别是parseFloat可以保留小数。
转字符串可以将其它的数据类型转成字符串。
- String():
- 代码：
var a = 123;a = String(a);- toString()的方法来进行转换（包装类）。
- 代码：
var a = 123; a = a.toString();转boolean类型：可以将其它类型转为boolean值：
- Boolean():
- 代码：
var a =”true”; a = Boolean(a);- 注意：在进行boolean转换的时候所有的内容在转换以后结果都是true，除了：false、""（空字符串）、0、NaN、undefined
<script type="text/javascript"> //01数据类型的转换：number // var a = "123"; // console.log(typeof a); // a = Number(a);//这样得到的a的结果是数字类型的 // console.log(typeof a); // var b = a + 1; // console.log(b); // var a ="abc"; // console.log(typeof a);//string // a =Number(a);//NaN表示数据在进行计算时的异常状态。 // console.log(a); // var a =""; // console.log(typeof a);//string // a =Number(a);//NaN表示数据在进行计算时的异常状态。 // console.log(a); // //parseInt(): // var a = "123"; // console.log(typeof a); // a = parseInt(a); // console.log(typeof a); // var a = " 123abc123"; // console.log(typeof a); // a = parseInt(a); // console.log(typeof a); // console.log(a); // var a = "-123abc123"; // console.log(typeof a); // a = parseInt(a); // console.log(typeof a); // console.log(a); // var a = "123.99999"; // console.log(typeof a); // a = parseInt(a); // console.log(typeof a); // console.log(a); //parseFloat: // var a = "123.99999"; // console.log(typeof a); // a = parseFloat(a); // console.log(typeof a); // console.log(a); //2.0转字符串 // var a = 123; // console.log(typeof a ); // a = String(a); // console.log(typeof a ); // console.log(a); // var a = 123; // console.log(typeof a ); // a = a.toString(); // console.log(a); // console.log(typeof a ); //3.0转boolean false ,"",0,NaN,undefined // var a = undefined; // console.log(a); // console.log(typeof a); // a = Boolean(a); // console.log(a); // console.log(typeof a); </script>隐式转换
- 转number:
var a = “123”;a = +a;- 加减乘除以及取余都可以让字符串隐式转换成number.
- 转string:
var a = 123;a = a + “”;- 转boolean:
var a = 123;a = !!a;<script type="text/javascript"> //隐匿转换：转数字 // var a = "123"; // console.log( typeof a); // a = a % 2// // console.log(typeof a); // console.log(a); //隐式转换：转string // var a = 123; // console.log(typeof a); // a = a + ""; // console.log(a); // console.log(typeof a ); //隐式转换：转Boolean: var a = 123; console.log(typeof a); a = !!a; console.log(typeof a); console.log(a); </script>这些，你GET到了吗？多多练习几遍，一定没问题的，一定要多看多想哦
