请你讲一讲JavaScript有哪些数据类型, 数据类型判断有哪些方法?

释放双眼,带上耳机,听听看~!

js的8种数据类型

JavaScript中有8种数据类型, 包括基本数据类型(number, string, boolean, null, undefined, symbol, bigint)和引用数据类型object

number

JavaScript中的整数和浮点数都会按照浮点数的标准进行存储.

即64个二进制位, 从最左边开始:
第1位: 符号位, 0表示正数, 1表示负数
第2到第12位: 存储指数部分
第13到第64位: 存储小数部分

其中, 符号位决定一个数是正数还是负数, 指数部分决定了一个数的大小, 小数部分决定了一个数的精度

数值精度
JavaScript提供的有效数字最长为53个二进制位, 这意味着绝对值小于2的53次方的整数都能够精确表示

JavaScript内部实际的表现形式:
(-1)^符号位 * 1.xxx...xxx * 2^指数

Math.pow(2, 53) === Math.pow(2, 53) + 1

0.1 + 0.2 = 0.30000000000000004就是因为精度缺失的原因, 还有人因此做了一个网站: (http://0.30000000000000004.com/)
Number.MAX_SAFE_INTEGER和Number.MIN_SAFE_INTEGER分别表示js的最大安全数和最小安全数

数值范围
指数部分的最大值是2047(2^11 - 1), 分出一半表示负数, 那么JavaScript能够表示的数值范围为2^1024到2^(-1023)
Number.MAX_VALUE和Number.MIN_VALUE代表js可表示的最大数字和最小数字
当一个浮点值大于(小于)js所能表示的最大(最小)值时, 其结果是Infinity(-Infinity), 12/0返回Infinity, -12/0返回-Infinity

NaN
NaN表示not a number(非数字), NaN和任何值都不相等, 包括它自己. 所以x != x当且仅当x是NaN时成立. 0/0会返回NaN

  • Number.isNaN(Number.NaN)
  • x != x 可以用来检测x是否是NaN
  • Number.isFinite()可以用来检测Number.NaN和Infinity.

    bigint

    bigint可以使用任意精度表示整数. 即使超出js的安全数, 也可以安全地存储和使用大整数
    bigint不能表示小数
    BigInt(123)

    string

    js中的字符串是不可变的, str.length可表示字符串的长度
    基本数据类型字符串它不是对象, 却能够使用对象才有的属性和方法进行操作(比如str.length, str.split(\'-\')), 这是因为三个关键的基本数据类型都有自己对应的对象(Number, String和Boolean). 这三个对象是针对数字, 字符串和布尔值的包装.
    当我们在对象环境中使用字符串时(比如使用str.length), JavaScript会为这个字符串内部地创建一个String对象, 这个对象就代替了原始的字符串值来执行相应的操作. 注意此时被创建的String对象只是瞬时存在的, 使用之后系统就会自动将其丢弃.

    boolean

    null, undefined, 0, -0, NaN, \'\'都可以转成false

    null和undefined

    null == undefined会返回true, null === undefined会返回false

    symbol

    symbol代表独一无二的值

let s = Symbol(); // 这样就生成了一个唯一不可变的值
let s1 = Symbol(\'s1\'); // 参数表示对symbol值的描述
let s2 = Symbol(\'s1\'); // s1 == s2会返回false

let a1 = Symbol.for(\'aa\');
let a2 = Symbol.for(\'aa\'); // a1 === a2会返回true
  • 用symbol作为对象的属性名时, 不能通过点去访问属性, 通过点访问, js会将属性名解析成字符串
  • JSON中无法存储Symbol类型的值
  • 不可枚举: 当Symbol值作为对象属性名时, 可以保证对象不会出现重复的属性, for in等方式无法枚举Symbol值出来, 可以调用Object.getOwnPropertySymbols()获取Symbol值. 借助Symbol的不可枚举特性可以在js中模拟私有变量

    object

    对象是通过调用特殊的构造函数创建的, 常常要使用到的对象有以下:

  • function: JavaScript的函数是具有可执行代码的对象, 可以通过调用函数执行某些操作
  • array
  • class
  • Date日期
  • RegExp正则表达式
    • 匹配所有中文字符, 匹配邮箱
  • Math数学
    • Math.ceil(), Math.floor()
    • Math.round(), Math.random()
  • JSON
    • null, NaN, Infinity, -Infinity, 正则对象和undefined都会被转成null
    • JSON.parse(JSON.stringify())
  • Error: 程序中发生的语法错误和运行时错误的对象

数据类型判断

typeof

  • 对于非object的基本类型, 除null以外, 均可返回意料之中的结果
  • 对于引用类型, 除function以外, 一律返回object
  • 对于null, 返回object
  • 对于function, 返回function
  • typeof(typeof a)返回的是string

因为typeof NaN会返回number, 但是NaN不能用于数值计算, 所以在使用typeof判断数字时, 建议这样子做: typeof num == \'number\' && Number.isFinite(num)

instanceof

A instanceof B是用来判断B的原型是否在A的原型链上
instanceof的问题在于它假定只有一个全局执行环境, 如果存在两个及以上的全局执行环境, 那么就存在不同的构造函数, 此时instanceof无法进行判断

Object.prototype.toString.call

Object.prototype.toString.call(true) === \'[object Boolean]\'

constructor

当声明定义一个构造函数时, js会为构造函数添加一个prototype属性指向构造函数的原型对象, 这个原型对象会有一个constructor属性指向构造函数. 而当使用new和构造函数创建一个实例对象时, 实例对象会继承原型对象的constructor属性

let a = [], b = 100;
a.constructor == Array
b.constructor == Number

当程序员重写prototype指向之后, 原来的constructor就会丢失

使用JavaScript写一个判断数据类型的函数

function getType(data) {
    if(data === null) return \'Type: null\';
    else if(data === undefined) return \'Type: undefined\';
    else if(typeof data == \'number\' && Number.isFinite(data)) return \'Type: number\';
    else if(typeof data == \'string\') return \'Type: string\';
    else if(typeof data == \'boolean\') return \'Type: boolean\';
    else if(typeof data == \'function\') return \'Type: function\';
    else {
        let tmp = Object.prototype.toString.call(data);
        return \'Type:\' + tmp.slice(7, tmp.length-1).toLowerCase();
    }
}

给TA打赏
共{{data.count}}人
人已打赏
随笔日记

【算法随记三】小半径中值模糊的急速实现(16MB图7.5ms实现) + Photoshop中蒙尘和划痕算法解读。,任意半径中值滤波(扩展至百分比滤波器)O(1)时间复杂度算法的原理、实现及效果,任意半径中值滤波(扩展至百分比滤波器)O(1)时间复杂度算法的原理、实现及效果

2020-11-9 5:34:17

随笔日记

林志颖曝光期货账户 他中意什么品种?

2020-11-9 5:34:19

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索