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. 
		
  2. 
			var n2 = '123';
    3. 
		
  3. 
			var n3 = n1+n2;
    4. 
		
  4. 
			// 隐式转换
    5. 
		
  5. 
			console.log(typeof n3);
    6. 
	





	



	1.1.2 强制类型转换



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



	

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





	



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



	

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





	



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



	

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





	回到顶部(go to top)



	2. 流程控制



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



	



	2.1 if判断语句



	



	2.1.1 if格式



	

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





	



	2.1.2 if-else格式



	

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





	



	2.1.3 if-else if-else格式



	

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





	



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



	案例1：



	

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





	案例2：



	

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





	



	2.3 switch



	

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





	



	2.4 while循环



	循环三步走：



	1.初始化循环变量



	2.判断循环条件



	3.更新循环变量



	

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





	



	2.5 do_while



	

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





	



	2.6 for循环



	

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





	for循环可以嵌套使用。



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



	 


      



  

  
  

   
    
    
   

  

  
 
 

 
 
  
 
 
 
 






 






相关教程