运算符

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

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

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

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

实例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三目运算符怎么用,js位运算符

免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
评论“原生js中运算符及流程控制示例详解”
暂无“原生js中运算符及流程控制示例详解”评论...

RTX 5090要首发 性能要翻倍!三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。

据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。