VB.net 2010 视频教程 VB.net 2010 视频教程 python基础视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
当前位置:
首页 > temp > JavaScript教程 >
  • Web前端基础(8):JavaScript(二)

作者:@小灰灰
本文为作者原创,转载请注明出处:https://www.cnblogs.com/liuhui0308/p/11880916.html


回到顶部(go to top)

1. 数据类型转换

1.1 将数值类型转换成字符串类型

1.1.1 隐式转换

在js中,当运算符在运算时,如果两边数据不统一,CPU就无法计算,这时我们编译器会自动将运算符两边的数据做一个数据类型转换,转成一样的数据类型再计算。

这种无需程序员手动转换,而由编译器自动转换的方式就称为隐式转换。

例如1 > "0"这行代码在js中并不会报错,编译器在运算符时会先把右边的"0"转成数字0`然后在比较大小。


	
  1. var n1 = 123;
  2. var n2 = '123';
  3. var n3 = n1+n2;
  4. // 隐式转换
  5. console.log(typeof n3);

1.1.2 强制类型转换

强制类型转换是非常常用的技术,虽然它曾经导致了很多隐蔽的 BUG ,但是我们不应该因噎废食,只有理解它的原理才能享受其带来的便利并减少 BUG 的产生。


	
  1. var n1 = 123;
  2. // 强制类型转换String(),toString()
  3. var str1 = String(n1);
  4. console.log(typeof str1);
  5.  
  6. var num = 234;
  7. console.log(num.toString())

1.2 将字符串类型转换成数值类型


	
  1. var stringNum = '789.123wadjhkd';
  2. var num2 = Number(stringNum);
  3. console.log(num2)
  4.  
  5. // parseInt()可以解析一个字符串 并且返回一个整数
  6. console.log(parseInt(stringNum))
  7. console.log(parseFloat(stringNum));

1.3 任何数据类型都可以转换成boolean类型


	
  1. var b1 = '123';
  2. var b2 = 0;
  3. var b3 = -123
  4.  
  5. var b4 = Infinity;
  6. var b5 = NaN;
  7.  
  8. var b6; //undefined
  9. var b7 = null;
  10.  
  11. // 非0既真
  12. console.log(Boolean(b7))
回到顶部(go to top)

2. 流程控制

JavaScript的流程控制语法和java的很相似,所以大家可以看我的java基础-流程控制和流程控制(续)  内容比这个写的详细

2.1 if判断语句

2.1.1 if格式


	
  1. var ji = 20;
  2. if(ji >= 20){
  3. console.log('恭喜你,吃鸡成功,大吉大利')
  4. }
  5. alert('alex');//下面的代码还会执行

2.1.2 if-else格式


	
  1. var ji = 20;
  2. if(ji>=20){
  3. console.log('恭喜你,吃鸡成功,大吉大利')
  4. }else{
  5. console.log('很遗憾 下次继续努力')
  6.  
  7. }

2.1.3 if-else if-else格式


	
  1. if (true) {
  2. //执行操作
  3. }else if(true){
  4. //满足条件执行
  5. }else if(true){
  6. //满足条件执行
  7. }else{
  8. //满足条件执行
  9. }

2.2 逻辑与&&、逻辑或||

案例1:


	
  1. //1.模拟 如果总分 >400 并且数学成绩 >89分 被清华大学录入
  2. //逻辑与&& 两个条件都成立的时候 才成立
  3. if(sum>400 && math>90){
  4. console.log('清华大学录入成功')
  5. }else{
  6. alert('高考失利')
  7. }

案例2:


	
  1. //2.模拟 如果总分>400 或者你英语大于85 被复旦大学录入
  2. //逻辑或 只有有一个条件成立的时候 才成立
  3. if(sum>500 || english>85){
  4. alert('被复旦大学录入')
  5. }else{
  6. alert('高考又失利了')
  7. }

2.3 switch


	
  1. var gameScore = 'better';
  2.  
  3. switch(gameScore){
  4.  
  5. //case表示一个条件 满足这个条件就会走进来 遇到break跳出。如果某个条件中不写 break,那么直到该程序遇到下一个break停止
  6. case 'good':
  7. console.log('玩的很好')
  8. //break表示退出
  9. break;
  10. case 'better':
  11. console.log('玩的老牛逼了')
  12. break;
  13. case 'best':
  14. console.log('恭喜你 吃鸡成功')
  15. break;
  16.  
  17. default:
  18. console.log('很遗憾')
  19.  
  20. }

2.4 while循环

循环三步走:

1.初始化循环变量

2.判断循环条件

3.更新循环变量


	
  1. var i = 1; //初始化循环变量
  2.  
  3. while(i<=9){ //判断循环条件
  4. console.log(i);
  5. i = i+1; //更新循环条件
  6. }

2.5 do_while


	
  1. //不管有没有满足while中的条件do里面的代码都会走一次
  2. var i = 3;//初始化循环变量
  3. do{
  4.  
  5. console.log(i)
  6. i++;//更新循环条件
  7.  
  8. }while (i<10) //判断循环条件

2.6 for循环


	
  1. for(var i = 1;i<=10;i++){
  2. console.log(i)
  3. }

for循环可以嵌套使用。

出处:https://www.cnblogs.com/liuhui0308/p/11880916.html

 


相关教程