JavaScript学习笔记 02、表达式与操作符(二)

简介: JavaScript学习笔记 02、表达式与操作符(二)

三、逻辑表达式


逻辑表达式分为三种:&&、||、!。运算顺序为:! > && > ||


逻辑表达式返回的值分为两种:


参与运算的都是布尔类型,返回的是布尔类型。

参与运算的若不是布尔类型,会先将其转为布尔类型之后进行输出指定表达式,就!输出的是布尔类型。(重点是记住不同类型转为boolean的值用来进行比对)


第一种:参与运算的都是布尔类型,返回的是布尔类型。


全部返回布尔类型


&&:两个都是true,返回true;有一个false,返回false。


||:有一个true就是true。


!:布尔值取反。


特殊:使用!!类型就能够得到对应类型的布尔值了,而不需要使用Boolean()进行转换了。



第二种:参与运算的类型不是布尔类型会先转为布尔类型比较后输出原本的值


&&:例a&&b,a转为boolean类型,若a为真,则表达式为b;若a假,表达式为a。—返回表达式


若是a为真,那么决定权就在b手中,直接返回b。(本质实际与前面的都相同)



||:例a&&b,a转为boolean类型,若a为真,则表达式为a;若a为假,表达式为b。(巧记:与&&相反)—返回表达式




!:例!a,若a为非boolean类型,先转为布尔类型接着取反,返回的是布尔类型值!




四、赋值运算符



赋值运算打印与连续赋值运算符:


<body>
    <script>
        var a;
        //直接打印赋值后的a
        console.log(a = 5);//5
        //连续赋值  实际开发中不这么使用
        var b, c, d;
        b = c = d = 1;
        console.log(b);//1
        console.log(c);//1
        console.log(d);//1
    </script>
</body>



五、综合表达式(前面几种合在一起)


介绍与小测试


综合表达式:将算术、关系、逻辑表达式组成在一起。


运算顺序:非运算(!) > 数学运算 > 关系运算 -> 逻辑运算


测试一下:


<body>
    <script>
        console.log(5 < 3 + 3);//①3+3=6 ②5<6 ==> true
        console.log(3 > 2 && 8 > 3 + 4);//①3+4=7 ②3>2得true 8>7得true ③true&&true => true
        console.log(!13 < 5 - 3);//①!13,13转true,得false ②5-3=2 ③false<2 false转0 => true 
    </script>
</body>



判断闰年问题


满足闰年条件是:


①能被4整除且不能被100整除。

②能被100整除且能被400整除。

代码如下:


<body>
    <script>
        var strYear = prompt("请输入您想要测试的年份:");
        //单击确定情况
        if (strYear != null) {
            //检测未输入与输入为空情况!用字符串形式来进行检测
            if (strYear.length == 0 || strYear == " ") {
                alert("您未输入内容或输入的内容为空!")
            } else {
                //字符串转为数字
                var year = Number(strYear).toFixed(0);
                if (String(year) == "NaN") {
                    alert("输入不合法!")
                } else {
                    if (year % 4 == 0 && year % 100 != 0 || year % 100 == 0 && year % 400 == 0) {
                        alert(year + "是闰年!")
                    } else {
                        alert(year + "不是闰年!")
                    }
                }
            }
        }
    </script>
</body>



处理了点击确定与取消按钮的情况:下面是点击确定进行处理的情况


未输入或输入空。

输入浮点型number类型,舍弃小数点。

输入非数字情况。

总结:对于其中的内容我觉得最快捷的方式应该使用正则表达式,符合了再去转换为数字进行闰年判断。

相关文章
|
4月前
|
JavaScript 前端开发 算法
JavaScript 中算术操作符:全面解读、实战应用与最佳实践
【4月更文挑战第5天】本文探讨JavaScript中的算术操作符,包括加、减、乘、除、求余、自增、自减及复合赋值等,强调理解与熟练运用它们对提升编程效率和代码准确性的重要性。文中通过示例介绍了各种操作符的用法,同时提醒注意数据类型转换、浮点数精度、除以零错误以及利用短路求值优化逻辑等问题。通过学习,读者能更好地掌握算术操作符在不同场景的应用,提升编程技能。
43 1
|
4月前
|
JavaScript 前端开发
JavaScript中的短路表达式
JavaScript中的短路表达式
29 0
|
4月前
|
JavaScript 前端开发 安全
javascript中的可选链操作符
javascript中的可选链操作符
|
23天前
|
JavaScript 前端开发
JavaScript基础&实战 JS中正则表达式的使用
这篇文章介绍了JavaScript中正则表达式的使用,包括正则表达式的创建、匹配模式、字符串匹配、拆分、搜索、匹配和替换等方法,并通过示例代码展示了如何应用这些技术。
JavaScript基础&实战 JS中正则表达式的使用
|
18天前
|
JavaScript 前端开发 开发者
深入解析JavaScript中的比较操作符
【8月更文挑战第20天】
14 0
|
23天前
|
JavaScript 前端开发
在js中正则表达式验证小时分钟,将输入的字符串转换为对应的小时和分钟
这篇文章介绍了如何在JavaScript中使用正则表达式来验证时间字符串的格式(小时和分钟),并提供了将时间字符串转换为JavaScript Date对象的示例代码及其测试结果。
|
23天前
|
JavaScript 前端开发 API
vue中将验证表单输入框的方法写在一个js文件中(表达式验证邮箱、身份证、号码、两次输入的密码是否一致)
这篇文章介绍了如何在Vue框架中将表单输入验证逻辑封装到一个JavaScript文件中,并通过正则表达式验证邮箱、身份证、手机号等信息,同时确保两次密码输入的一致性。
|
2月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的云的学习笔记系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的云的学习笔记系统附带文章源码部署视频讲解等
29 0
|
4月前
|
JavaScript 前端开发
JavaScript中的短路表达式
JavaScript中的短路表达式
26 1
|
4月前
|
移动开发 JavaScript 前端开发
webgl学习笔记3_javascript的HTML DOM
webgl学习笔记3_javascript的HTML DOM
50 0
webgl学习笔记3_javascript的HTML DOM