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


Posted in Javascript onDecember 18, 2019

本文实例讲述了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(' ')
  }
  for(var j=1;j<=2*i-1;j++){
    document.write('*')
  }
  document.write('<br>')
}

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

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

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

Javascript 相关文章推荐
Extjs Ajax 乱码问题解决方案
Apr 15 Javascript
js 上传图片预览问题
Dec 06 Javascript
Jjcarousellite 实现图片列表滚动的简单实例
Nov 29 Javascript
jquery对ajax的支持介绍
Dec 10 Javascript
Jquery $.getJSON 在IE下的缓存问题解决方法
Oct 10 Javascript
移动Web中图片自适应的两种JavaScript解决方法
Jun 18 Javascript
Bootstrap每天必学之导航
Nov 26 Javascript
详解vue2.0 transition 多个元素嵌套使用过渡
Jun 19 Javascript
vuejs+element-ui+laravel5.4上传文件的示例代码
Aug 12 Javascript
JS实现简单获取最近7天和最近3天日期的方法
Apr 18 Javascript
vue实现把接口单独存放在一个文件方式
Aug 13 Javascript
vue 插槽简介及使用示例
Nov 19 Vue.js
vue不操作dom实现图片轮播的示例代码
Dec 18 #Javascript
使用JS来动态操作css的几种方法
Dec 18 #Javascript
基于ts的动态接口数据配置的详解
Dec 18 #Javascript
H5实现手机拍照和选择上传功能
Dec 18 #Javascript
如何使用webpack打包一个库library的方法步骤
Dec 18 #Javascript
js实现上传图片并显示图片名称
Dec 18 #Javascript
js实现多图和单图上传显示
Dec 18 #Javascript
You might like
PHP警告Cannot use a scalar value as an array的解决方法
2012/01/11 PHP
PHP提示Notice: Undefined variable的解决办法
2012/11/24 PHP
WordPress中调试缩略图的相关PHP函数使用解析
2016/01/07 PHP
网页的分页下标生成代码(PHP后端方法)
2016/02/03 PHP
php微信公众号开发(2)百度BAE搭建和数据库使用
2016/12/15 PHP
ThinkPHP 5 AJAX跨域请求头设置实现过程解析
2020/10/28 PHP
JS 统计时间
2021/03/09 Javascript
jquery 注意事项与常用语法小结
2010/06/07 Javascript
JS Map 和 List 的简单实现代码
2013/07/08 Javascript
jquery仿百度经验滑动切换浏览效果
2015/04/14 Javascript
JQuery替换DOM节点的方法
2015/06/11 Javascript
JS函数定义方式的区别介绍
2016/03/22 Javascript
JS的函数调用栈stack size的计算方法
2018/06/24 Javascript
vue定义全局变量和全局方法的方法示例
2018/08/01 Javascript
jQuery位置选择器用法实例分析
2019/06/28 jQuery
[01:17]辉夜杯战队访谈宣传片—EHOME
2015/12/25 DOTA
Python-基础-入门 简介
2014/08/09 Python
Python3中常用的处理时间和实现定时任务的方法的介绍
2015/04/07 Python
python中reload(module)的用法示例详解
2017/09/15 Python
基于pip install django失败时的解决方法
2018/06/12 Python
python使用udp实现聊天器功能
2018/12/10 Python
Python实现删除排序数组中重复项的两种方法示例
2019/01/31 Python
py-charm延长试用期限实例
2019/12/22 Python
使用Python制作缩放自如的圣诞老人(圣诞树)
2019/12/25 Python
Python中的X[:,0]、X[:,1]、X[:,:,0]、X[:,:,1]、X[:,m:n]和X[:,:,m:n]
2020/02/13 Python
python中resample函数实现重采样和降采样代码
2020/02/25 Python
Python基于requests库爬取网站信息
2020/03/02 Python
用python对excel进行操作(读,写,修改)
2020/12/25 Python
使用html5+css3来实现slider切换效果告别javascript+css
2013/01/08 HTML / CSS
悦木之源美国官网:Origins美国
2016/08/01 全球购物
复古斯堪的纳维亚儿童服装:Baby go Retro
2017/09/09 全球购物
一些Solaris面试题
2013/03/22 面试题
会计的岗位职责
2014/03/15 职场文书
企业安全生产承诺书
2014/05/22 职场文书
python turtle绘制多边形和跳跃和改变速度特效
2022/03/16 Python
剧场版《转生恶役只好拔除破灭旗标》公开最新视觉图 2023年上映
2022/04/02 日漫