JavaScript数据类型 检测数据类型 数据类型转换 数值相等比较

数值相等比较

JavaScript 提供三种不同的值比较运算: === ——严格相等(三个等号) == ——宽松相等(两个等号)

8种数据类型

在这里插入图片描述
前七种为基础数据类型。
Object类型为引用数据类型。

数据类型概念以及存储方式

在这里插入图片描述

let a = {
    name: "Julia",
    age: 20
}

function change(o) {
    o.age = 24
    o = {
        name: "无视",
        age: 30
    }
    return o
}

let b = change(a)
console.log(b.age)
console.log(a.age)
输出
30
24

数据类型检测

typeof

在这里插入图片描述

console.log(typeof 1)
console.log(typeof '1')
console.log(typeof undefined)
console.log(typeof true)
console.log(typeof Symbol())
console.log(typeof null)
console.log(typeof [])
console.log(typeof {})
console.log(typeof console)
console.log(typeof console.log)

输出

number   
string   
undefined
boolean  
symbol   
object   
object   
object
object
function

instanceOf

let Car = function () {

}
let benz = new Car()
console.log(benz instanceof Car)

let car = new String("M Benz")
console.log(car instanceof String)

let str = "123"
console.log(str instanceof String)

let int1 = 8
console.log(str instanceof Number)

输出

true
true 
false
false

两种方法的优缺点

在这里插入图片描述

Object.prototype.toString.call(obj)

在这里插入图片描述

检测数据类型的方法

function getType(obj){
    let type = typeof obj;
    if (type !== 'object'){
        return type
    }
    // 正则中$1表示第一个捕获组
    // 在正则表达式中,.表示匹配任意字符(除了换行符),+表示匹配前面的字符1次或多次。而?在这里表示非贪婪匹配,即尽可能少地匹配字符。
    // 因此,.+?可以匹配任意字符1次或多次,但是会尽可能少地匹配字符,直到满足后面的条件为止。
    return Object.prototype.toString.call(obj).replace(/\[object\s(.+?)]/,'$1');

}

console.log(getType([]))
console.log(getType('123'))
let window = "123"
console.log(getType(window))
console.log(getType(null))
console.log(getType(undefined))
console.log(getType())
console.log(getType(function () {}))
console.log(getType(/123/g))

输出

Array    
string   
string   
Null     
undefined
undefined
function 
RegExp  

强制类型转换

在这里插入图片描述

console.log("123" === 123)
console.log("" === null)
console.log("" === 0)
console.log([] === 0)
console.log([] === '')
console.log([] === ![])
console.log(null === undefined)
console.log(Number(null))
console.log(Number(''))
console.log(parseInt(''))
console.log({} + 10)

输出

false
false
false
false
false
false
false
0    
0    
NaN
[object Object]10

在这里插入图片描述

Boolean

在这里插入图片描述

隐式类型转换

在这里插入图片描述
在这里插入图片描述

console.log(null === undefined)
console.log(null === 0)
console.log(null === '')
console.log(0 === '')
console.log('123' === 123)
console.log(0 === false)
console.log(1 === true)

let a = {
    value: 0,
    valueOf: function () {
        this.value++;
        return this.value
    }
}
console.log(a == 1 && a == 2 && a == 3)
console.log(a === 1 && a === 2 && a === 3)

输出

false
false
false
false
false
false
false
true 
false

‘+’ 隐式转换

在这里插入图片描述

object的转换规则

在这里插入图片描述

  • 13
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学知识拯救世界

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值