原生js中运算符及流程控制示例详解
更新时间：2021年01月05日 14:24:53 作者：meichaoWen
这篇文章主要给大家介绍了关于原生js中运算符及流程控制的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
运算符
算数：+ 加、- 减、* 乘、/ 除、% 求模
赋值：=、+=、-=、*=、/=、%=
关系：>、<、 >=、 <=、 ==、 ===、 !=、 !==
逻辑：||或、&&与、!否
实例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运算符及流程控制内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
Foo.getName算是一道比较老的面试题了,大致百度了一下在17年就有相关文章在介绍它,下面这篇文章主要给大家介绍了关于一道超经典js面试题Foo.getName()的相关资料,需要的朋友可以参考下2022-03-03
这篇文章主要为大家详细介绍了javascript html5实现表单验证的具体代码，感兴趣的小伙伴们可以参考一下2016-03-03
JS可以用来播放多种声音文件,包括常见的mp3、wav等格式,这篇文章主要给大家介绍了关于JavaScript中播放音频文件的几种常用方法,需要的朋友可以参考下2023-10-10
本文通过两种方法给大家介绍微信小程序实现带参数的分享,需要的朋友可以参考下2019-05-05![[JS]点出统计器](//img.jbzj.com/images/xgimg/bcimg4.png)
[JS]点出统计器...2006-07-07
写这个是因为最近小程序的一个需求需要从小程序跳转到客户的官网,或者其他外部报名链接,下面这篇文章主要给大家介绍了关于微信小程序跳转外部链接的详细实现方法,需要的朋友可以参考下2022-10-10
很多人可能遇到这样的问题，JS调试，而且都很郁闷，虽然我的JS学的不是那么透彻，基本上算是初级入门.2010-04-04
本文主要介绍了canvas的相关知识。canvas本身很简单，就是去学习它的API，多看实例，多自己动手练习，多总结。本文介绍了很多小例，具有一定的参考价值，下面跟着小编一起来看下吧2016-12-12
矢量图形最大的优点是无论放大、缩小或旋转等不会失真。在地图中存在着大量的应用，是地图数据中非常重要的组成部分，这篇文章主要介绍了OpenLayers 3加载矢量地图源的相关资料,需要的朋友可以参考下2021-12-12
在JavaScript中，有时需要准确知道一个变量的类型，显然typeof函数不能满足这个要求，这个函数在大多数情况下都返回object。2010-05-05
![[JS]点出统计器](http://img.jbzj.com/images/xgimg/bcimg4.png)
最新评论