JavaScript中的输出与选择结构-优快云博客

本文链接：https://blog.youkuaiyun.com/YourLie_in_April/article/details/124251564

本文介绍了JavaScript中的逻辑运算符，如&&、||和!，并讲解了不同类型的输出语句，包括document.write、alert、console.log、console.error、console.warn和console.info。此外，还详细阐述了选择结构，包括if...else、if...else if...else和switch，并强调了在switch中break的重要性。同时，分享了字符串转数字的方法，如parseInt、parseFloat、Number构造函数和隐式转换。最后，提供了一个判断闰年的练习题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

逻辑运算符： &&(与号) 、||(或号)、!(取反)。

输出语句：

在页面中打印：document.write('我打印了');

弹出框：alert('我弹出了');

控制台普通打印：console.log('我在控制台打印了')；

控制台打印一个错误提示：console.error('你错了，原因是。。。');

控制台打印一个警告提示：console.warn('警告你不能乱踩花草树木');

控制台打印一个详细提示 console.info('详细提示');

开始计算：console.time('timer');

计算内容：document.write('猜猜我输出这句话花费了多少时间');

结束计算：console.timeEnd('tiner');

选择结构：

单独的if语法：

if (条件){
  //只有当条件为 true 时执行的代码
}

if...else语句：

if (条件){
  //当条件为 true 时执行的代码
} else {
  //当条件不为 true 时执行的代码
}

if...else if...else语句：

if (条件 1){
  //当条件 1 为 true 时执行的代码
} else if (条件 2) {
  //当条件 2 为 true 时执行的代码
} else {
  //当条件 1 和 条件 2 都不为 true 时执行的代码
}

switch语句：

switch (变量) {
  case 值1:
    语句1;
    break;
  case 值2:
    语句2;
    break;
  case 值3:
    语句3;
    break;
  …
  default:
    默认语句;
    break;
}

☆break最好不要省略，如果省略，代码会继续执行下一个case，switch 语句在比较值时使用的是全等操作符, 因此类型和值都要一致。

小知识点：

把字符串转成数字几种方法：

第一种使用 parsetInt('X')（把字符串转成整数，有小数点会舍去）。

第二种使用 parsetFloat('X')（把字符串转成整数，有小数点会保留，后面小数末尾有0会舍去）。

第三种利用构造函数 Number('X') 也可以把字符串转成数字类型。

第四种利用运算符号的隐式数据类型转换 'X'*1或'X'/1 也可以把字符串转成数字类型。

注释：

// 单行注释快捷键ctrl+/

/* 多行注释快捷键shift+alt+a */（两种注释可以互相包裹）

/**

* 输入/**再按下回车，每一行的*就会自动出现

* */

小练习：

判断是否为闰年（闰年的概念：四年一闰，百年不闰，四百年一闰）：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var result = prompt('请输入一个年份：');
        var a = ( result * 1 ) % 4;
        var b = ( result * 1 ) % 100;
        var c = ( result * 1 ) % 400;
        if( (a==0 && b!=0) || c==0){
            document.write(result + '年是闰年!');
        }else{
            document.write(result + '年不是闰年!');
        }
    </script>
</body>
</html>

总结：望各位大佬指正。