js数据类型转换与流程控制操作实例分析

 更新时间:2019年12月18日 10:51:57   作者:dawn-liu  
这篇文章主要介绍了js数据类型转换与流程控制操作,结合实例形式分析了JavaScript数据类型转换与流程控制相关原理、操作技巧与使用注意事项,需要的朋友可以参考下

本文实例讲述了js数据类型转换与流程控制操作。分享给大家供大家参考,具体如下:

数据类型转换:

//number转换成str
// var str=a+'';
// console.log(str);
// console.log(typeof str); //转换成字符串了

var str2=a.toString(); //强制转换成 string
console.log(typeof str2);

//str转换成 number
var stringNum='789';
var num2=Number(stringNum);
console.log(num2);
console.log(typeof num2);

//特殊情况
var stringNum='789dejafdf';
var num2=Number(stringNum);
console.log(typeof num2); //结果number
console.log(num2); //结果NaN ;not a number
console.log(Boolean(num2));//结果为False

var c=5/0;
console.log(Boolean(c)); //结果为True

var d;
console.log(Boolean(d)); //结果为False

流程控制

if

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

if (true) {
  //执行操作
}else if(true){
  //满足条件执行
}else if(true){
  //满足条件执行
}else{
 //满足条件执行
}

注意:浏览器解析代码的顺序 是从上往下执行,从左往右

逻辑与&&、逻辑或||

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

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

switch

var gameScore = 'better';
switch(gameScore){
//case表示一个条件 满足这个条件就会走进来 遇到break跳出。break终止循环。如果某个条件中不写 break,那么直到该程序遇到下一个break停止
  case 'good':
  console.log('玩的很好')
  //break表示退出
  break;
  case 'better':
  console.log('玩的老牛逼了')
  break;
  case 'best':
  console.log('恭喜你 吃鸡成功')
  break;
  default:
  console.log('很遗憾')
}

while

循环三步走:

1.初始化循环变量

2.判断循环条件

3.更新循环变量

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

do_while

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

for循环

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

双重for循环

for(var i=1;i<=3;i++){
   for(var j=0;j<6;j++){
    document.write('*')
   }
   document.write('<br>')
}

作业1 打印直角三角形

                *
                **
                ***
                ****
                *****
                ******

代码:

for(var i=1;i<=6;i++){
  for(var j=1;j<=i;j++){
   document.write("*");
  }
  document.write('<br>');

2 等腰三角形

          *
         ***
        *****
       *******
      *********
     ***********

代码:

for(var i=1;i<=6;i++){ //行数
  //控制我们的空格数
  for(var s=i;s<6;s++){
    document.write('&nbsp;')
  }
  for(var j=1;j<=2*i-1;j++){
    document.write('*')
  }
  document.write('<br>')
}

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容可查看本站专题:《JavaScript操作DOM技巧总结》、《JavaScript页面元素操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript错误与调试技巧总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • ES6如何将 Set 转化为数组示例详解

    ES6如何将 Set 转化为数组示例详解

    这篇文章主要为大家介绍了ES6如何将 Set 转化为数组的方法示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • js代码实现点击按钮出现60秒倒计时

    js代码实现点击按钮出现60秒倒计时

    这篇文章主要为大家详细介绍了js代码实现点击按钮出现60秒倒计时,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • JS简单添加元素新节点的方法示例

    JS简单添加元素新节点的方法示例

    这篇文章主要介绍了JS简单添加元素新节点的方法,结合实例形式分析了javascript针对页面元素节点的创建、添加、克隆等相关操作技巧,需要的朋友可以参考下
    2018-02-02
  • 小程序原生实现左滑抽屉菜单

    小程序原生实现左滑抽屉菜单

    在移动端,侧滑菜单是一个很常用的组件,本文就详细的介绍小程序原生实现左滑抽屉菜单,具有一定的参考价值,感兴趣的可以了解一下
    2021-07-07
  • 解决input输入框仅支持输入数字及两位小数点的限制

    解决input输入框仅支持输入数字及两位小数点的限制

    这篇文章主要为大家介绍了解决input输入框仅支持输入数字及两位小数点的限制技巧示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-11-11
  • php register_shutdown_function函数详解

    php register_shutdown_function函数详解

    register_shutdown_function() 函数可实现当程序执行完成后执行的函数,其功能为可实现程序执行完成的后续操作,需要的朋友可以参考下
    2017-07-07
  • Three.js的使用及绘制基础3D图形详解

    Three.js的使用及绘制基础3D图形详解

    这篇文章主要介绍了Three.js的使用及绘制基础3D图形的相关资料,文中介绍的非常详细,对大家学习或者使用three.js具有一定的参考价值,需要的朋友们下面来一起看看吧。
    2017-04-04
  • Svg.js实例教程及使用手册详解(一)

    Svg.js实例教程及使用手册详解(一)

    SVG.js是一个轻量级的JavaScript库,允许你轻松操作SVG和定义动画。这篇文章主要介绍了Svg.js实例教程及使用手册详解(一) 的相关资料,需要的朋友可以参考下
    2016-05-05
  • js中indexOf()的简单使用示例

    js中indexOf()的简单使用示例

    indexOf在js中有着重要的作用,可以判断一个元素是否在数组中存在,或者判断一个字符是否在字符串中存在,下面这篇文章主要给大家介绍了关于js中indexOf()简单使用的相关资料,需要的朋友可以参考下
    2023-01-01
  • 基于Node.js的JavaScript项目构建工具gulp的使用教程

    基于Node.js的JavaScript项目构建工具gulp的使用教程

    也许你使用过grunt,那么这里来安利gulp的话就更加不会陌生了,下面我们就来看一下基于Node.js的JavaScript项目构建工具gulp的使用教程
    2016-05-05

最新评论