原生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 相关文章推荐
jQuery写的日历(包括日历的样式及功能)
Apr 23 Javascript
自己用jQuery写了一个图片的马赛克消失效果
May 04 Javascript
javascript中CheckBox全选终极方案
May 20 Javascript
基于JavaScript代码实现微信扫一扫下载APP
Dec 30 Javascript
详解ES6中的Map与Set集合
Mar 22 Javascript
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
Apr 14 Javascript
原生JS实现列表内容自动向上滚动效果
May 22 Javascript
JAVA面试题 static关键字详解
Jul 16 Javascript
详解nuxt 微信公众号支付遇到的问题与解决
Aug 26 Javascript
JavaScript碰撞检测原理及其实现代码
Mar 12 Javascript
jquery+css3实现的经典弹出层效果示例
May 16 jQuery
探索node之事件循环的实现
Oct 30 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连接Access数据库错误及解决方法
2013/06/20 PHP
基于PHP的简单采集数据入库程序
2014/07/30 PHP
smarty中英文多编码字符截取乱码问题解决方法
2014/10/28 PHP
使用PHPExcel导出Excel表
2018/09/08 PHP
jQuery登陆判断简单实现代码
2013/04/21 Javascript
extjs render 用法介绍
2013/09/11 Javascript
使用vue构建移动应用实战代码
2017/08/02 Javascript
Angular浏览器插件Batarang介绍及使用
2018/02/07 Javascript
AngularJS上传文件的示例代码
2018/11/10 Javascript
使用vue-cli脚手架工具搭建vue-webpack项目
2019/01/14 Javascript
vuex实现像调用模板方法一样调用Mutations方法
2019/11/06 Javascript
vue跳转页面的几种方法(推荐)
2020/03/26 Javascript
vue+iview使用树形控件的具体使用
2020/11/02 Javascript
PYTHON正则表达式 re模块使用说明
2011/05/19 Python
解析Python中的二进制位运算符
2015/05/13 Python
Python中处理字符串之isalpha()方法的使用
2015/05/18 Python
Python numpy.array()生成相同元素数组的示例
2018/11/12 Python
python 实现分页显示从es中获取的数据方法
2018/12/26 Python
详解Python 切片语法
2019/06/10 Python
Python imutils 填充图片周边为黑色的实现
2020/01/19 Python
python常用运维脚本实例小结
2020/02/14 Python
Python安装第三方库攻略(pip和Anaconda)
2020/10/15 Python
python 基于DDT实现数据驱动测试
2021/02/18 Python
data:image data url 文件转为Blob上传后端的方法
2019/07/16 HTML / CSS
教师实习自我鉴定
2013/12/14 职场文书
环境科学专业优秀毕业生自荐书
2014/02/03 职场文书
总经理助理工作职责
2014/02/06 职场文书
二手房购房协议书范本
2014/10/05 职场文书
地陪导游欢迎词
2015/01/26 职场文书
服务员岗位职责
2015/02/03 职场文书
学习雷锋精神活动总结
2015/02/06 职场文书
教师自荐信范文
2015/03/06 职场文书
违反纪律检讨书范文
2015/05/07 职场文书
有关骆驼祥子的读书笔记
2015/06/26 职场文书
MySQL官方导出工具mysqlpump的使用
2021/05/21 MySQL
分享python函数常见关键字
2022/04/26 Python