基础交互 三目运算 if、switch、while 、do while、for、continue、break

基础交互

scss 复制代码
alert('我是弹窗')
prompt('有输入框的弹窗',100) 第二个参数为默认值,点击取消,返回null
confirm('点击确定返回true,点击否返回false')
document.write('直接将内容写到标签上')

三目运算

复制代码
条件?条件成立的结果:条件不成立的结果

if()

ini 复制代码
`//判断一个数是偶数还是奇数
    var num = 10;
    num = Number(num);
    if(!isNaN(num)){
      if(num % 2 === 0){
        console.log('偶数');
      }else{
        console.log('奇数')
      }
    }else{
      console.log('请输入合法数字');
    }`
    
    
console.log()是行为,能不重复写行为操作的时候,就不写
    var num = '10';
    num = Number(num);
    var result = '奇数';
    if(!isNaN(num)){
      if(num % 2 === 0){
        result = '偶数';
      }
      console.log(result);
    }else{
      console.log('请输入合法数字');
    }

switch()

arduino 复制代码
`//switch打印星期几,0为星期天,1-6分别对应星期一到星期六
    var num = 11;
    switch(num){
      case 0:
        console.log('星期天');
        break;
      case 1:
        console.log('星期一');
        break;
      case 2:
        console.log('星期二');
        break;
      case 3:
        console.log('星期三');
        break;
      case 4:
        console.log('星期四');
        break;
      case 5:
        console.log('星期五');
        break; 
      case 6:
        console.log('星期六');
        break; 
      default:
        console.log('请重新输入0-6');
        break;
    }`

有直接条件使用while,有循环次数使用for

while()

ini 复制代码
`//打印1-100内所有的偶数
    var index = 1;
    while(index <= 100){
      if(index % 2 === 0){
        console.log(index);
      }
      index++;
    }`

do while()

ini 复制代码
 `//打印1-100内所有的偶数
    var index = 1;
    do{
      if(index % 2 === 0){
        console.log(index);
      }
      index++;
    }while(index <= 100)`

for()

ini 复制代码
`//打印九九乘法表
    var str = '';
    for(var i = 1; i <= 9; i++){
      for(var j = 1; j <= i; j++){
        str += j + '*' + i + '=' + j * i + '\t';
      }
      str += '\n';
    }
    console.log(str);`
    

`//大马2石,中马1石,两头小马1石,用100匹马,驮100石粮,如何调配
    var big, mid, small;
    for(big = 1; big <= 50; big++){
      for(mid = 1; mid <= 100; mid++){
        for(small = 1;small <= 200; small++){
          if(big + mid + small === 100 && big * 2 + mid * 1 +small * 0.5 === 100){
            console.log('大马:' + big + ',中马:' + mid + ',小马:' + small)
          }
        }
      }
    }`
    

continue

ini 复制代码
`//打印1-10中所有奇数
    for(var i = 1; i <= 10; i++){
      if(i % 2 === 0){
        continue;
      }
      console.log(i);
    }`

break

ini 复制代码
`//找到1-100里第二个能被12整除的数,除了本身
    var target = 12;
    var index = 0;
    for(var i = 1; i <= 100; i++){
      if(i !== 12 && i % 12 === 0){  
        index++;
        if(index === 2){
          console.log(i);
          break;
        }
      }
    }`
相关推荐
kyriewen12 小时前
我手写了一个 EventEmitter,面试官追问了 6 个问题——第 4 个我没答上来
前端·javascript·面试
山河木马13 小时前
矩阵专题2-怎么创建视图矩阵(uViewMatrix)
javascript·webgl·计算机图形学
tangdou36909865514 小时前
AI真好玩系列-2分钟快速了解DeepAgents | Quick Guide to DeepAgents in 2 Minutes
前端·javascript·后端
张元清14 小时前
React useIntersectionObserver Hook:懒加载与可见性检测(2026)
javascript·react.js
彭于晏爱编程15 小时前
纯 JS + Node,一个下午手搓了能读懂公司代码的 AI 助手,老板以为我转行了
前端·javascript
妙码生花15 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(十四):眨眼小人登录页制作
前端·javascript·ai编程
妙码生花16 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(十三):前端路由初始化
前端·javascript·ai编程
PBitW16 小时前
GPT训练我的第四天,被打惨了!!!😭😭😭
前端·javascript·面试
DarkLONGLOVE16 小时前
快速上手 Pinia!Vue3 极简状态管理使用教程
javascript·vue.js
mackbob16 小时前
.eslintrc.js详细配置说明
javascript