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



 






    













相关教程