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.赋值运算符


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


相关文章
|
前端开发 机器人 API
前端大模型入门(一):用 js+langchain 构建基于 LLM 的应用
本文介绍了大语言模型(LLM)的HTTP API流式调用机制及其在前端的实现方法。通过流式调用,服务器可以逐步发送生成的文本内容,前端则实时处理并展示这些数据块,从而提升用户体验和实时性。文章详细讲解了如何使用`fetch`发起流式请求、处理响应流数据、逐步更新界面、处理中断和错误,以及优化用户交互。流式调用特别适用于聊天机器人、搜索建议等应用场景,能够显著减少用户的等待时间,增强交互性。
4665 2
|
JSON JavaScript 前端开发
菜鸟之路Day23一一JavaScript 入门
本文介绍了 JavaScript 的基础内容,包括 JS 的引入方式、基础语法、数据类型、运算符、类型转换、函数、对象(如 Array、String、自定义对象、JSON、BOM 和 DOM)、事件监听,以及 Vue 框架的初步使用。重点讲解了内部和外部脚本的引入、变量声明(var、let、const)、常见输出语句、数组与字符串的操作方法、DOM 操作及事件绑定,并通过实例展示了 Vue 的双向数据绑定和常用指令(v-bind、v-model、v-on、v-if、v-for 等)。
416 7
|
JavaScript 前端开发
【JavaScript】——JS基础入门常见操作(大量举例)
JS引入方式,JS基础语法,JS增删查改,JS函数,JS对象
|
监控 前端开发 JavaScript
React 静态网站生成工具 Next.js 入门指南
【10月更文挑战第20天】Next.js 是一个基于 React 的服务器端渲染框架,由 Vercel 开发。本文从基础概念出发,逐步探讨 Next.js 的常见问题、易错点及解决方法,并通过具体代码示例进行说明,帮助开发者快速构建高性能的 Web 应用。
849 10
|
机器学习/深度学习 自然语言处理 前端开发
前端神经网络入门:Brain.js - 详细介绍和对比不同的实现 - CNN、RNN、DNN、FFNN -无需准备环境打开浏览器即可测试运行-支持WebGPU加速
本文介绍了如何使用 JavaScript 神经网络库 **Brain.js** 实现不同类型的神经网络,包括前馈神经网络(FFNN)、深度神经网络(DNN)和循环神经网络(RNN)。通过简单的示例和代码,帮助前端开发者快速入门并理解神经网络的基本概念。文章还对比了各类神经网络的特点和适用场景,并简要介绍了卷积神经网络(CNN)的替代方案。
2025 1
|
数据采集 存储 JavaScript
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
本文介绍了如何使用Puppeteer和Node.js爬取大学招生数据,并通过代理IP提升爬取的稳定性和效率。Puppeteer作为一个强大的Node.js库,能够模拟真实浏览器访问,支持JavaScript渲染,适合复杂的爬取任务。文章详细讲解了安装Puppeteer、配置代理IP、实现爬虫代码的步骤,并提供了代码示例。此外,还给出了注意事项和优化建议,帮助读者高效地抓取和分析招生数据。
562 0
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
|
存储 JavaScript 前端开发
前端开发:Vue.js入门与实战
【10月更文挑战第9天】前端开发:Vue.js入门与实战
|
JavaScript 内存技术
Node.js 编写接口入门学习(GET、POST)
Node.js 编写接口入门学习(GET、POST)
228 2
|
JavaScript 内存技术
Node.js 编写接口入门学习(GET、POST)
Node.js 编写接口入门学习(GET、POST)
250 0
|
JavaScript
node.js入门学习(2):使用http-server创建简单的http服务的方法
node.js入门学习(2):使用http-server创建简单的http服务的方法
254 0