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类型,舍弃小数点。

输入非数字情况。

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

相关文章
|
3月前
|
JavaScript 前端开发 API
Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示
Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示
|
3月前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
|
2月前
|
JavaScript 前端开发
【干货分享】JavaScript学习笔记分享
【干货分享】JavaScript学习笔记分享
63 0
|
2月前
|
JavaScript
js---三元表达式详解
js---三元表达式详解
95 0
|
4月前
|
JavaScript 前端开发
JavaScript基础&实战 JS中正则表达式的使用
这篇文章介绍了JavaScript中正则表达式的使用,包括正则表达式的创建、匹配模式、字符串匹配、拆分、搜索、匹配和替换等方法,并通过示例代码展示了如何应用这些技术。
JavaScript基础&实战 JS中正则表达式的使用
|
4月前
|
JavaScript 前端开发 开发者
深入解析JavaScript中的比较操作符
【8月更文挑战第20天】
32 0
|
4月前
|
JavaScript 前端开发
在js中正则表达式验证小时分钟,将输入的字符串转换为对应的小时和分钟
这篇文章介绍了如何在JavaScript中使用正则表达式来验证时间字符串的格式(小时和分钟),并提供了将时间字符串转换为JavaScript Date对象的示例代码及其测试结果。
|
4月前
|
JavaScript 前端开发 API
vue中将验证表单输入框的方法写在一个js文件中(表达式验证邮箱、身份证、号码、两次输入的密码是否一致)
这篇文章介绍了如何在Vue框架中将表单输入验证逻辑封装到一个JavaScript文件中,并通过正则表达式验证邮箱、身份证、手机号等信息,同时确保两次密码输入的一致性。
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的云的学习笔记系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的云的学习笔记系统附带文章源码部署视频讲解等
42 0
|
7月前
|
JavaScript 前端开发
JavaScript中的短路表达式
JavaScript中的短路表达式
35 1