原生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 相关文章推荐
7个Javascript地图脚本整理
Oct 20 Javascript
JS实现简易图片轮播效果的方法
Mar 25 Javascript
jQuery关键词说明插件cluetip使用指南
Apr 21 Javascript
jquery代码实现多选、不同分享功能
Jul 31 Javascript
常用原生JS兼容性写法汇总
Apr 27 Javascript
jQuery事件的绑定、触发、及监听方法简单说明
May 10 Javascript
深入浅出讲解ES6的解构
Aug 03 Javascript
详谈jQuery.load()和Jsp的include的区别
Apr 12 jQuery
微信小程序 navbar实例详解
May 11 Javascript
js通过Date对象实现倒计时动画效果
Oct 27 Javascript
Js视频播放器插件Video.js使用方法详解
Feb 04 Javascript
vue-autoui自匹配webapi的UI控件的实现
Mar 20 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
基于OpenCV的PHP图像人脸识别技术
2009/10/11 PHP
PHP解析RSS的方法
2015/03/05 PHP
为百度UE编辑器上传图片添加水印功能
2015/04/16 PHP
PHP+redis实现添加处理投票的方法
2015/11/14 PHP
php字符串的替换,分割和连接方法
2016/05/23 PHP
超强多功能php绿色集成环境详解
2017/01/25 PHP
php实现连接access数据库并转txt写入的方法
2017/02/08 PHP
thinkphp5修改view到根目录实例方法
2019/07/02 PHP
TFDN图片播放器 不错自动播放
2006/10/03 Javascript
js 格式化时间日期函数小结
2010/03/20 Javascript
基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码
2011/08/28 Javascript
js Array操作的最简短最容易理解方法
2013/12/09 Javascript
js获取html页面节点方法(递归方式)
2013/12/13 Javascript
在jQuery中使用$而避免跟其它库产生冲突的方法
2015/08/13 Javascript
jQuery each函数源码分析
2016/05/25 Javascript
BootStrap中Tab页签切换实例代码
2016/05/30 Javascript
使用BootStrap实现悬浮窗口的效果
2016/12/13 Javascript
vue路由--网站导航功能详解
2019/03/29 Javascript
微信小程序实现文件、图片上传功能
2020/08/18 Javascript
vue的三种图片引入方式代码实例
2019/11/19 Javascript
js实现盒子滚动动画效果
2020/08/09 Javascript
[05:23]DOTA2-DPC中国联赛2月1日Recap集锦
2021/03/11 DOTA
Python random模块(获取随机数)常用方法和使用例子
2014/05/13 Python
python实现自动登录人人网并访问最近来访者实例
2014/09/26 Python
对pandas中to_dict的用法详解
2018/06/05 Python
你的自行车健身专家:FaFit24
2016/11/16 全球购物
Uber Eats台湾:寻找附近提供送餐服务的餐厅
2018/05/07 全球购物
实习生自我鉴定范文
2013/12/05 职场文书
机械设计专业大学生职业生涯规划书范文
2014/09/13 职场文书
关于运动会广播稿300字
2014/10/05 职场文书
2014年扫黄打非工作总结
2014/12/03 职场文书
2015欢度元旦标语口号
2014/12/09 职场文书
母亲节寄语大全
2015/02/27 职场文书
四大名著读书笔记
2015/06/25 职场文书
go mod 安装依赖 unkown revision问题的解决方案
2021/05/06 Golang
angular异步验证器防抖实例详解
2022/03/31 Javascript