原生js中运算符及流程控制示例详解


Posted in Javascript onJanuary 05, 2021

运算符

算数:+ 加、- 减、* 乘、/ 除、% 求模

赋值:=、+=、-=、*=、/=、%=

关系:>、<、 >=、 <=、 ==、 ===、 !=、 !==

逻辑:||或、&&与、!否

实例1、求模

window.onload = function(){
 alert(0%2) //0
 alert(1%2) //1
 alert(2%2) //0
}

实例2、隔行变色

<body>
 <ol>
  <li>取模:就是求余数</li>
  <li></li>
  <li></li>
 </ol>
 <script>
  window.onload = function(){
   var aLi = document.getElementsByTagName('li');
   for(var i = 0; i < aLi.length; i++){
    if(i % 2 == 0){
     aLi[i].style.background = 'red'
    }else{
     aLi[i].style.background = 'green'
    }
   }
  }
 </script>
</body>

实例3、秒转分钟

<script>
 window.onload = function () {
  var a = 1568
  console.log(parseInt(a / 60) + '分' + a % 60 + '秒')
 }
</script>

实例4、+=

a = a + 1;
a+=1
a++

程序流程控制

switch

<script>
 window.onload = function () {
  var name = 'abc';
  var sex = ''
  switch (sex) {
   case '男':
    alert(name + '先生,你好');
    break;
   case '女':
    alert(name + '女士,你好');
    break;
   default:
    alert(name + '你好')
  }
 }
</script>

break、continue

window.onload = function(){
 for(var i = 0; i < 5; i++){
  if(i == 3){
   //break; //整个循环中断了
   continue; //本次循环中断了
  }
  alert(i)
 }
}

什么是真、什么是假

window.onload = function(){
 //真:true、非0数值、非空字符串('false'或‘ ')、非空对象
 //假: false、数值0、空字符串、空对象(null)、undefined
 var a = 'false'
 if(a){
  alert('真的')
 }else{
  alert('假的')
 }
}

总结

到此这篇关于原生js中运算符及流程控制的文章就介绍到这了,更多相关原生js运算符及流程控制内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
js Flash插入函数免激活代码
Mar 31 Javascript
JQuery 文本框回车跳到下一个文本框示例代码
Aug 30 Javascript
Javascript排序算法之合并排序(归并排序)的2个例子
Apr 04 Javascript
node.js中的定时器nextTick()和setImmediate()区别分析
Nov 26 Javascript
jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
Aug 26 Javascript
Vue.js实现简单ToDoList 前期准备(一)
Dec 01 Javascript
基于Vue实现后台系统权限控制的示例代码
Aug 29 Javascript
使用vue-cli(vue脚手架)快速搭建项目的方法
May 21 Javascript
Vue.js 中的 v-cloak 指令及使用详解
Nov 19 Javascript
详解Jest结合Vue-test-utils使用的初步实践
Jun 27 Javascript
js实现列表向上无限滚动
Jan 13 Javascript
vue实现一个6个输入框的验证码输入组件功能的实例代码
Jun 29 Javascript
vue3.0中友好使用antdv示例详解
Jan 05 #Vue.js
基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能
Jan 05 #Vue.js
在Angular项目使用socket.io实现通信的方法
Jan 05 #Javascript
利用JavaScript为句子加标题的3种方法示例
Jan 05 #Javascript
绘制微信小程序验证码功能的实例代码
Jan 05 #Javascript
详解JavaScript中分解数字的三种方法
Jan 05 #Javascript
Vue+scss白天和夜间模式切换功能的实现方法
Jan 05 #Vue.js
You might like
php简单统计中文个数的方法
2016/09/30 PHP
微信公众平台开发教程①获取用户Openid及个人信息图文详解
2019/04/10 PHP
thinkphp框架表单数组实现图片批量上传功能示例
2020/04/04 PHP
多选列表框动态添加,移动,删除,全选等操作的简单实例
2014/01/13 Javascript
jQuery新的事件绑定机制on()示例应用
2014/07/18 Javascript
innerHTML在IE中报错解决方案
2014/12/15 Javascript
浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入
2016/01/19 Javascript
Sequelize中用group by进行分组聚合查询
2016/12/12 Javascript
Jquery EasyUI Datagrid右键菜单实现方法
2016/12/30 Javascript
详解JavaScript 中getElementsByName在IE中的注意事项
2017/02/21 Javascript
Angularjs 动态添加指令并绑定事件的方法
2017/04/13 Javascript
使用node.js对音视频文件加密的实例代码
2017/08/30 Javascript
jQuery 开发之EasyUI 添加数据的实例
2017/09/26 jQuery
9102年webpack4搭建vue项目的方法步骤
2019/02/20 Javascript
详解微信小程序调用支付接口支付
2019/04/28 Javascript
jquery+php后台实现省市区联动功能示例
2019/05/23 jQuery
运用js实现图层拖拽的功能
2019/05/24 Javascript
Vue通过Blob对象实现导出Excel功能示例代码
2020/07/31 Javascript
python利用matplotlib库绘制饼图的方法示例
2016/12/18 Python
python opencv对图像进行旋转且不裁剪图片的实现方法
2019/07/09 Python
Python IDE Pycharm中的快捷键列表用法
2019/08/08 Python
python实现学生通讯录管理系统
2021/02/25 Python
DataList 能否分页,请问如何实现?
2015/05/03 面试题
Java语言的优势
2015/01/10 面试题
2014年教师培训的自我评价
2014/01/03 职场文书
财务总监管理职责范文
2014/03/09 职场文书
校庆团日活动总结
2014/08/28 职场文书
弘扬焦裕禄精神践行三严三实心得体会
2014/10/13 职场文书
财务整改报告范文
2014/11/05 职场文书
老公保证书
2015/01/17 职场文书
2015年法院工作总结范文
2015/04/28 职场文书
三八节祝酒词
2015/08/11 职场文书
西部计划志愿者工作总结
2015/08/11 职场文书
学校扫黄打非工作总结
2015/10/15 职场文书
Python面向对象之内置函数相关知识总结
2021/06/24 Python
人工智能深度学习OpenAI baselines的使用方法
2022/05/20 Python