JS基础2

作者: beizi | 来源:发表于2021-03-31 22:53 被阅读0次

关系运算符和关系表达式

  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,
   // 但是他们数据类型不一样,所以不成立

逻辑运算符和逻辑表达式

  • 逻辑运算符:三种
    • &&:逻辑与 ,读作并且
      左边的条件为真,右边的条件为真,
      同时才会为真true,其他都是假false
    • ||:逻辑或,读作或者
      左边的条件为假,右边的条件为假,
      同时才会为假false,其他情况都是真true
    • !:逻辑非,读作取反
      如果条件为真,变成假,
      如果条件为假,就变成真
  • 逻辑表达式:表达式1 逻辑运算符 表达式2

运算符优先级

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

    • 1.() 小括号:优先级运算符 作用就是提升优先级:不被拆散
    • 2.自增与自减
    • 3.算术运算符(先乘除后加减)
    • 4.比较运算符
    • 5.逻辑运算符
    • 6.赋值运算符
    • 同级运算符从左往右运算

js转义符(了解)

转义符: \ 改变原来符号的作用就叫转义符

  \" :输出双引号
  \t:水平制表符,说人话就是多打几个空格
  \n:换行符
  \\:显示一个\

数据类型比较

null与undefined比较

  // undefined:未赋值
  // null表示为空
  console.log(undefined == null);     // true

  console.log(undefined === null);    // false
  //          undefined     object

特殊数字以及判定方式

// 如果出现非数字进行数学运算:
// 得不到正确的结果:JS提供了一个专门的非数字结果:NaN(Not a Number)
console.log(1 - 'abcc');        // NaN
console.log(typeof NaN);        // number

// NaN不能参与数学运算:得到的结果一定是NaN
console.log(NaN + 100);         // NaN

// NaN不能参与比较:所有的比较结果都是false
console.log(NaN == 1);          // false
console.log(NaN == NaN);        // false

// 如何知道一个数字是NaN呢?普通方式根本出来
// JS提供了一个特殊的方式判定:isNaN(数据)
// isNaN() === true:不是数字
// isNaN() === false:是数字
console.log(isNaN(1));              // false
console.log(isNaN(NaN));            // true

字符串比较规则

// 字符串可以比较
console.log('abc' > 'bc');      // false
// 字符串的比较:不是比长度
// 比较规则:按顺序,一个一个的比较:ASCII码表进行比较

相关文章

  • 小程序系列--JS基础

    JS基础 最后一遍JS基础,需要一定的语言基础 1. JS在网页中使用 2. 注释 3. 变量 声明变量 var...

  • js基础2

    1.事件 1)添加事件 点击事件:onclick 2)图片显隐 出现: 3)this的用法 在匿名函数中的this...

  • js基础2

    一、js引入方式和打印方式 四种引入方式(1) 百度一下 (2) (3)在html页面的任何位置加入 js代码...

  • JS基础2

    函数 主要参考:https://wangdoc.com/javascript/types/function.htm...

  • js基础(2)

    5、Math中的常用方法(10个)6、Date日期操作基础详解以及常用方法(12个) 5、Math中的常用方法(1...

  • JS基础--2

    js中的程序控制语句 常见的程序有三种执行结构: 顺序结构 分支结构 循环结构 顺序结构:程序从第一行开始执行,按...

  • js基础2

    1、 栈方法和队列方法 1)栈操作的方式:先进后出原则----通过重数组尾部添加数据项,然后在从数组的尾部获取尾部...

  • JS 基础 2

    Ba la la la ~ 读者朋友们,大家好,冷锋时间,话不多说,发车! 一、ECMAScript中关...

  • js基础(2)

    1、innerText用于改变标签内文本时,如果标签内含有其他元素则子元素将被覆盖 2、createAttribu...

  • js基础2

    js数据类型 js定义了6种数据类型,数值、字符串、布尔值称为原始数据类型的值即基本数据类型。将对象称为复杂类型的...

网友评论

    本文标题:JS基础2

    本文链接:https://www.haomeiwen.com/subject/jloahltx.html