原生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代码
Mar 05 Javascript
js no-repeat写法 背景不重复
Mar 18 Javascript
非阻塞动态加载javascript广告实现代码
Nov 17 Javascript
js中arguments的用法(实例讲解)
Nov 30 Javascript
JQuery $.each遍历JavaScript数组对象实例
Sep 01 Javascript
浅述节点的创建及常见功能的实现
Dec 15 Javascript
jQuery中select与datalist制作下拉菜单时的区别浅析
Dec 30 Javascript
详解vue-router 2.0 常用基础知识点之router-link
May 10 Javascript
jquery基于layui实现二级联动下拉选择(省份城市选择)
Jun 20 jQuery
ES6新增的math,Number方法
Aug 06 Javascript
浅析vue-cli3配置webpack-bundle-analyzer插件【推荐】
Oct 23 Javascript
Vue路由切换页面不更新问题解决方案
Jul 10 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类
2006/10/09 PHP
PHP制作3D扇形统计图以及对图片进行缩放操作实例
2014/10/23 PHP
php的闭包(Closure)匿名函数详解
2015/02/22 PHP
javascript对select标签的控制(option选项/select)
2013/01/31 Javascript
JavaScript 命名空间 使用介绍
2013/08/29 Javascript
js监听滚动条滚动事件使得某个标签内容始终位于同一位置
2014/01/24 Javascript
js获取本机操作系统类型的两种方法
2015/12/19 Javascript
Bootstrap布局组件教程之Bootstrap下拉菜单
2016/06/12 Javascript
JS公共小方法之判断对象是否为domElement的实例
2016/11/25 Javascript
微信小程序 数组(增,删,改,查)等操作实例详解
2017/01/05 Javascript
ES6中module模块化开发实例浅析
2017/04/06 Javascript
详解ECMAScript6入门--Class对象
2017/04/27 Javascript
vue-cli初始化项目中使用less的方法
2018/08/09 Javascript
利用不到200行代码写一款属于你自己的js类库
2019/07/08 Javascript
JavaScript中交换值的10种方法总结
2020/08/18 Javascript
利用Tkinter(python3.6)实现一个简单计算器
2017/12/21 Python
Django保护敏感信息的方法示例
2019/05/09 Python
Python中的asyncio代码详解
2019/06/10 Python
pyqt5与matplotlib的完美结合实例
2019/06/21 Python
python写入文件自动换行问题的方法
2019/07/05 Python
Django 重写用户模型的实现
2019/07/29 Python
详解Python并发编程之从性能角度来初探并发编程
2019/08/23 Python
使用Numpy对特征中的异常值进行替换及条件替换方式
2020/06/08 Python
Django实现内容缓存实例方法
2020/06/30 Python
Python连接mysql数据库及简单增删改查操作示例代码
2020/08/03 Python
python中count函数知识点浅析
2020/12/17 Python
Django视图类型总结
2021/02/17 Python
使用html5制作loading图的示例
2014/04/14 HTML / CSS
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢?
2016/08/18 面试题
大班亲子运动会方案
2014/06/10 职场文书
小学生光盘行动倡议书
2015/04/28 职场文书
三八节活动主持词
2015/07/04 职场文书
2015大一新生军训感言
2015/08/01 职场文书
好段摘抄大全(48句)
2019/08/08 职场文书
Pandas加速代码之避免使用for循环
2021/05/30 Python
MySQL中datetime时间字段的四舍五入操作
2021/10/05 MySQL