JavaScript-转换成布尔型

作者 : admin 本文共812个字,预计阅读时间需要3分钟 发布时间: 2024-06-16 共1人阅读

学习目标:

  • 掌握转换成布尔型

学习内容:

  1. 显示转换
  2. 隐式转换

显示转换:

  • Boolean(内容)
    记忆:''0underfinednullfalseNaN转换成布尔值后都是false,其余则为true
console.log(Boolean('pink')) //true
    console.log(Boolean('')) //false
    console.log(Boolean(0))  //false
    console.log(Boolean(90)) //true
    console.log(Boolean(-1)) //true
    console.log(Boolean(undefined)) //false
    console.log(Boolean(null)) //false
    console.log(Boolean(NaN)) //false
  • 判断
    console.log(false && 20)
    console.log(5 < 3 && 20)
    console.log(undefined && 20)
    console.log(null && 20)
    console.log(0 && 20)
    console.log(10 && 20)

JavaScript-转换成布尔型插图

    console.log(false || 20)
    console.log(5 < 3 || 20)
    console.log(undefined || 20)
    console.log(null || 20)
    console.log(0 || 20)
    console.log(10 || 20)

JavaScript-转换成布尔型插图(1)


隐式转换:

  • 有字符串的加法" " + 1,结果是"1"
  • 减法 - (像大多数数学运算一样)只能用于数学,它会使空字符串""转换成0
  • null 经过数字转换之后会变为0
  • underfined 经过数字转换之后会变为NaN
    console.log('' - 1)
    console.log('雪碧宝宝' - 1)
    console.log(null + 1)
    console.log(undefined + 1)
    console.log(NaN + 1)

JavaScript-转换成布尔型插图(2)

本站无任何商业行为
个人在线分享 » JavaScript-转换成布尔型
E-->