JavaScript入门第五章(运算符与表达式下)

简介: JavaScript入门第五章(运算符与表达式下)

1.关系运算符和关系表达式


1.关系运算符:八种


  • >:大于,左边大于右边


  • <:小于,左边小于右边


  • >=:大于等于,左边大于或者等于右边


  • <=:小于等于,左边小于或者等于右边


  • ==:等于,左边等于右边


  • !=:不等于,左边不等于右边


  • ===:全等,左边等于右边且类型一致


  • !==:不全等,左边不等于右边或者类型不一致


<script>
    /**1.关系运算符(比较运算符):比较两个数据之间的关系(某种条件是否成立)
        * 八种: >  >=  <  <=  ==  !=  ===全等 !== 不全等
    * 2.关系表达式:由关系运算符组成的式子    例如:  2 > 1
            * 只要是表达式,就会有运算结果
     * 3.关系表达式的结果一定是布尔类型:true代表成立,false代表不成立
     */
    //1.基本使用
    console.log ( 5 > 3 );//true  成立
    console.log ( 100 < 1 );//false 不成立
    //2.相等与不等:只比较数据的值,不比较数据的类型
    //注意:一个 = 号表示赋值运算符  两个 == 是比较运算符,它们作用不一样,不要搞混淆了
     console.log ( 1 == 1 );//true   常用
    console.log ( "1" == 1 );//true  他们的值一样,只是数据类型不一样
    //3.全等不全等: 先比较数据的值,再比较数据的类型
    console.log ( "1" === 1 );//false  两者的值虽然相等都是1,但是他们数据类型不一样,所以不成立
</script>


2.逻辑运算符和逻辑表达式


  • 1.逻辑运算符:三种
  • &&:逻辑与 ,读作并且
  • ||:逻辑或,读作或者
  • !:逻辑非,读作取反
  • true(真)变false(假),false(假)变true(真)


  • 2.逻辑表达式:表达式1 逻辑运算符 表达式2


  • 3.运算口诀
  • 逻辑与表达式&&:一假则假
  • 左右两边同时成立,才为真,否则为假


  • 逻辑或表达式||:一真则真
  • 左右两边同时为假,才为假,否则为真


  • 逻辑非!:取反


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
</body>
<script>
    /* 
        0.关系运算符:某种条件的关系(成立/不成立)
        1.逻辑运算符:多个条件之间的关系
        2.逻辑运算符只有三种
            * && :逻辑与 ,读作并且
            * || :逻辑或,读作或者
            * !  :逻辑非,读作取反
                * true(真)变false(假),false(假)变true(真)
     * 3.逻辑表达式: 表达式1 逻辑运算符 表达式2 
     */
    //1.逻辑与&&结果: 一假为假     (左右两边同时成立,才为真,否则为假)
    //表达式1    &&  表达式2       运算结果
    //真              真             真
    //真              假             假
    //假              真             假
    //假              假             假
    console.log ( 100 > 50 && 10 > 9 );   //true  左右两边同时成立
    console.log ( 100 > 500 && 10 > 9 );  //false   因为左边不成立
    //n个条件都要满足,缺一不可    
    //2.逻辑或 ||结果 : 一真则真  (左右两边同时为假,才为假,否则为真)
    //表达式1    ||  表达式2    运算结果
    //真               真         真
    //真               假         真
    //假               真         真
    //假               假         假
    console.log ( 100 > 500 || 10 > 9 );  //true  只要有一边为真则为真
    console.log ( 100 > 500 || 8 > 9 );   //false 只有两边都不成立才为假
    //n个条件满足任何一个即可
    //3.逻辑非! : 又叫做取反  真变假 假变真
    //    !    表达式   结果
    //               假         真
    //                真      假
    let res = !false;
    console.log ( res );      //true  假变真,真变假
    console.log ( ! ( 2 > 1 ) );  //false     2>1的结果是true    与true相反的就是false
    //类似于一种否定逻辑
</script>
</html>


3.运算符优先级


运算符优先级:确定不同运算符的运算规则


  • 1.() 小括号:优先级运算符 作用就是提升优先级:不被拆散


  • 2.自增与自减


  • 3.算术运算符(先乘除后加减)


  • 4.比较运算符


  • 5.逻辑运算符


  • 6.赋值运算符


  • 同级运算符从左往右运算


相关文章
|
9天前
|
JavaScript 前端开发
JavaScript 中的 typeof 运算符
【8月更文挑战第29天】
10 1
|
1月前
|
JavaScript API 图形学
一个案例带你从零入门Three.js,深度好文!
【8月更文挑战第1天】本教程无需任何Threejs知识!本教程以入门为主,带你快速了解Three.js开发
53 2
一个案例带你从零入门Three.js,深度好文!
|
17天前
|
JavaScript 前端开发 安全
深入理解JavaScript中的比较运算符
深入理解JavaScript中的比较运算符
|
23天前
|
前端开发 JavaScript 程序员
聊聊前端 JavaScript 的扩展运算符 “...“ 的使用场景
聊聊前端 JavaScript 的扩展运算符 “...“ 的使用场景
|
24天前
|
JavaScript 前端开发
JavaScript基础&实战 JS中正则表达式的使用
这篇文章介绍了JavaScript中正则表达式的使用,包括正则表达式的创建、匹配模式、字符串匹配、拆分、搜索、匹配和替换等方法,并通过示例代码展示了如何应用这些技术。
JavaScript基础&实战 JS中正则表达式的使用
|
24天前
|
JavaScript 前端开发
JavaScript基础&实战(2)js中的强制类型转换、运算符、关系运算符、逻辑运算符、条件运算符
这篇文章详细介绍了JavaScript中的强制类型转换、运算符(包括算术、逻辑、条件、赋值和关系运算符)的使用方法和优先级规则。
JavaScript基础&实战(2)js中的强制类型转换、运算符、关系运算符、逻辑运算符、条件运算符
|
29天前
|
JavaScript 前端开发 NoSQL
使用Node.js进行后端开发入门
【8月更文挑战第10天】恭喜你完成了Node.js后端开发的入门之旅!这只是个开始,Node.js的世界远比这广阔。随着你对Node.js的深入学习和实践,你将能够构建更复杂、更强大的后端应用。不断探索、学习和实践,你将在Node.js的道路上越走越远。
|
24天前
|
JavaScript 前端开发
在js中正则表达式验证小时分钟,将输入的字符串转换为对应的小时和分钟
这篇文章介绍了如何在JavaScript中使用正则表达式来验证时间字符串的格式(小时和分钟),并提供了将时间字符串转换为JavaScript Date对象的示例代码及其测试结果。
|
24天前
|
JavaScript 前端开发 API
vue中将验证表单输入框的方法写在一个js文件中(表达式验证邮箱、身份证、号码、两次输入的密码是否一致)
这篇文章介绍了如何在Vue框架中将表单输入验证逻辑封装到一个JavaScript文件中,并通过正则表达式验证邮箱、身份证、手机号等信息,同时确保两次密码输入的一致性。
|
JavaScript 前端开发 算法
JavaScript基础(第一部分 -- 简介、注释、输入输出、变量、数据类型、运算符、流程控制)(六)
JavaScript基础(第一部分 -- 简介、注释、输入输出、变量、数据类型、运算符、流程控制)(六)