JavaScript之六大数据类型(不包括Symbol)

版权声明: https://blog.csdn.net/Helloyongwei/article/details/79694776

本文根据(JavaScript高级程序设计(第3版))总结

JavaScript 数据类型

JavaScript 有6中数据类型——UndefinedNullBooleanNumberStringObject

ES6中有7种, 多了一种数据类型Symbol, 本文不涉及.

Undefined表示未定义,Null表示空,Boolean表示布尔值,Number表示数值,String表示字符串。
通常我们可以用typeof操作符来检测变量的数据类型。

注意typeof是操作符!操作符!操作符!

typeof操作符应用一下规则:

  • "undefined"——这个值是未定义的。
  • "boolean"——这个值是布尔值
  • "string"——这个值是字符串
  • "number"——这个值是数值
  • "object"——这个值是对象或Null
  • "function"——这个值是函数

例如字符串 str="我是String类型":

console.log(typeof str) //"string" 注意typeof操作符的返回的结果是字符串

对于typeof操作符, 还有一点诡异的地方,那就是:
1. typeof对null返回"object"
2. typeof对未声明的变量返回"undefined"
3. typeof对声明而未初始化的变量也返回"undefined"

var s = null
console.log(typeof s) //"object"
console.log(typeof a) //"undefined", 注意变量a未声明
var b;
console.log(typeof b) //"undefined", 注意变量b声明但未初始化

因为typeof的诡异特性,且我们还需进步知道变量的具体信息,我们常用instanceof来确定变量的数据类型。

Undefined和Null

UndefinedNull类型只有一个值,那分别是undefinednull
对于undefined来说,需要记住下面两点:

  1. 已声明但未初始化的变量值为undefined(参考上面代码)
  2. undefinednull相等
console.log(undefined == null) //true

对于null来说,需要记住两点:

  1. typeof null 返回"object",从逻辑上看,null为object的引用(示例见typeof
  2. undefinednull相等

Boolean

Boolean类型有两个值——truefalse
任何数据可以调用布尔函数Boolean(), 会返回一个布尔值。

类型 true false
Boolean true false
String 非零字符串 “”(空字符串)
Number 非零数字(包括无穷大) 0和NaN
Object 任何对象 null
Undefined 不适用 undefined
Null 不适用 null

为了便于记忆, 只需记住false""(空字符串),0NaNnullundefined会使Boolean()函数变为false,其他为true即可。

代码范例:

console.log(Boolean(true)) //true
console.log(Boolean(""))   //false
console.log(Boolean(1))  //true
console.log(Boolean(null)) //false

Number

Number类型使用IEEE754格式表示整数和浮点数。对于整数,JavaScript若遇到八进制和十六进制数会自动转换为十进制数, 若数的范围超过八进制和十六进制的便是范围则解析为是十进制数。

console.log(070) //56
console.log(0xA) //10

八进制在严格模式下出错。

对于浮点数,Javascript会将小数点后全为0的小数和小数点后没有数字的小数自动转换为整数。

console.log(1.00) //1
console.log(10.) //10

浮点数最高精度为17位小数, 但是在算术运算时需要注意下面的式子:

console.log(0.1+0.2) //0.30000000000000004

这也是IEEE754格式表示的通病。

数值范围

Number有两个属性表示JavaScript的数值范围——Number.MAX_VALUENumber.MIN_VALUENumber.MAX_VALUE表示在JavaScript中最大的值,若超出其范围则会转为infinity
Number.MIN_VALUE表示在JavaScript中最小的正值,若超出其范围则会转为0
Number.MAX_VALUE 在大多数浏览其中是1.7976931348623157e+308.
我们可以通过isFinite()方法来确定变量是否在Number.MAX_VALUENumber.MIN_VALUE之间,若在,则返回true, 反之则返回false

var num = Number.MAX_VALUE+Number.MAX_VALUE;  //超出了Number.MAX_VALUE
console.log(isFinite(num)); //false

Number中有个特殊值–NaN, 这个数表示非数值(Not a number). 这个数有两个特点:

  1. 任何设计NaN的操作都返回NaN.
  2. NaN不等于任何值(包括它本身).

我们通常可以用isNaN()函数确定某个变量是否是NaN.

console.log(isNaN(NaN))  // true
console.log(isNaN("1"))  //false

数值转换 Number(), parseInt()和parseFloat()

有三个函数可以讲将数值转换为数值类型: Number(), parseInt(), parseFloat().
Number()函数的转换规则如下:

  • 对于Boolean类型数值, true转换为1, false转换为0
  • null转换为0
  • undefined转换为NaN
  • String类型的值按以下规则转换
    • 若字符串中只包含数字(包括前面带正负号), 则将其转换为十进制数. 且忽略前导0.
    • 若字符串包含有效的浮点格式数, 则转换为浮点数. 忽略前导0.
    • 若字符串包含有效的十六进制格式(如"0xf"), 则将其转换为相同大小的十进制数.
    • 若为空串, 则转换为0
    • 若字符串包含上述格式之外的其他子, 则转换为NaN
  • 待转换类型是对象时, 调用对象的valueOf()方法返回某一值, 再按前面的方法转换(第一次转换)
    • 当第一次转换结果为NaN时, 调用对象的toString()方法返回字符串值, 再按前面的方法转换

parseInt()函数有两个参数, 第一个参数为待转换的字符串(若不是字符串则使用ToString()函数转换为字符串), 第二个参数2到36之间的一个数, 作为基数使用. 基数可以省略, 默认基数为10.

parseInt() 在解析第一个参数(字符串)时会忽略字符串前面的空格, 知道找到第一个非空格字符. 如果第一个字符不是数字字符或者负号, parseInt()会返回NaN; 也就是说, 用parseInt() 转换空字符串会返回NaN(Number对空字符串返回0). 如果第一个字符是数字字符, parseInt() 会继续解析第二个字符, 直到解析完所有后续字符或者遇到了一个非数字字符.
来源于(JavaScript高级程序设计(第3版))

console.log(parseInt("   1234blue")) //1234
console.log(parseInt("")) //NaN
console.log(parseInt("AF", 16)) //175

parseFloat() 相比于前两个, 他只能解析十进制数. 当解析的字符串可以解析成整数时也会被解析位整数.

console.log(parseFloat("1234basd")) // 1234
console.log(parseFloat("22.5") // 22.5

更多信息可以查看文档:
Number Object
parseInt()和parseFloat()

String

String 类型常用语表示16位Unicode字符组成的字符序列, 也就是我们常说的字符串. 字符串有个鲜明的特点, 那就是字符串一旦创建, 他们的值就不会改变.

字符字面量

String类型若想包含一些特殊字符如 ‘(单引号)或 ” (双引号) , 就必须使用转义字符. 也可以叫它们字符字面量.
常用字符字面量如下所示:

字面量 含义
\n 换行符
\t 制表符
\b 退格符
\r 回车符
\f 换页符
\ 斜杠
\’ 单引号
\” 双引号
\xnn x表示十六进制, n为0-F, nn表示一个字符. 如\x41表示”A”
\unnnn u表示Unicode, 也为十六进制. nnnn表示一个十六进制的Unicode字符

例如:

console.log("这是单引号: \'")    //这是单引号: '
console.log("这是\n换行符")
/*
这是
换行符
*/
console.log("这是大写字母: \x41")  //这是大写字母: A

转换为字符串 toString()和String()

大部分值都有toString()方法, 因此我们可以使用这个方法.

var a = 2
console.log(a.toString()) //2

var b = true
console.log(b.toString()) //true

还可以给toString()添加一个参数, 这个参数表示基数.

var num = 7
console.log(num.toString(2)) //111
console.log(num.toString(3)) //21

前面说了大部分值可以使用toString()方法, 那么哪些值不能使用呢? 那就是nullundefined.
当我们需要将一个变量A转换为字符串时, 假如我们不知道变量A是否是nullundefined, 我们可以使用String()函数. 这个函数可以讲任意类型的值转换为字符串. 其规则如下:

  • 如果可以调用toString()方法则调用该方法.
  • 如果是null, 则返回"null"
  • 如果是undefined, 则返回"undefined"

Object

Object 类型俗称对象, 对象的实例通常使用new操作符进行创建. 对象的实例还是对象, 我们会在对象的实例中添加属性和方法.

var obj = new Object();

Object的实例有下列基本的属性和方法:

  1. constructor
    constructor属性保存着穿件当前对象的函数, 也叫构造函数. 如上例中的Object()
  2. hasOwnProperty(propertyName)
    这个方法用于检测当前对象实例中是否有属性名为propertyName的属性. propertyName必须为字符串
  3. isPrototypeOf(object)
    其用于检查传入的对象object是否为当前对象实例的原型
  4. propertyIsEnumerable(propertyName)
    用于检查给定的属性propertyName是否可以用for-in语句来枚举. propertyName必须为字符串
  5. toLocaleString(), toString(), valueOf()
    这三个方法都可以返回对象的字符串表示, valueOf()还可以返回对象的数值, 布尔值表示.
    可以参考这篇文章:Javascript toString()、toLocaleString()、valueOf()三个方法的区别-博客园-一个悬浮在空中的胖子
var obj = new Object()
obj.constructor //ƒ Object() { [native code] }
obj.name = "ES" //给obj添加属性
obj.hasOwnProperty("name")  //true, 注意参数必须为字符串形式
obj.propertyIsEnumerable("name")    //true
obj.toString()  //"[object Object]"
展开阅读全文

没有更多推荐了,返回首页