JS里的数据类型

作者: 孙炎_ | 来源:发表于2019-01-06 18:03 被阅读28次

    javaScript 中的每一个值都是一种数据类型,javaScript共有7种数据类型。

    • 数值(number):整数和小数(比如1和3.14)
    • 字符串(string):文本(比如Hello World)。
    • 布尔值(boolean):表示真伪的两个特殊值,即true(真)和false(假)
    • undefined:表示“未定义”或不存在,即由于目前没有定义,所以此处暂时没有任何值
    • null:表示空值,即此处的值为空。
    • 对象(object):各种值组成的集合。
    • Symbol(ES6 中新引入的值):Symbol 生成一个全局唯一的值。

    通常,数值、字符串、布尔值这三种类型,合称为原始类型(primitive type)的值,即它们是最基本的数据类型,不能再细分了。对象则称为合成类型(complex type)的值,因为一个对象往往是多个原始类型的值的合成,可以看作是一个存放各种值的容器。至于undefined和null,一般将它们看成两个特殊值。

    1.typeof运算符

    typeof运算符可以返回一个值的数据类型,例如:

    typeof 123 // "number"
    typeof '123' // "string"
    typeof false // "boolean"
    

    对于数据类型,有几种特殊的情况需要了解:
    1.函数返回function

    function f() {}
    typeof f
    // "function"
    

    在JS中,数组也是一种对象。
    例如:

    typeof [] // "object"
    

    null返回object。

    typeof null // "object"
    

    这是由于JS设计初期的失误造成的。

    2.null与undefined

    null与undefined都可以表示“没有”,含义非常相似。将一个变量赋值为undefined或null,老实说,语法效果几乎没区别。在if语句中,它们都会被自动转为false,相等运算符(==)甚至直接报告两者相等。如下:

    if (!undefined) {
      console.log('undefined is false');
    }
    // undefined is false
    
    if (!null) {
      console.log('null is false');
    }
    // null is false
    
    undefined == null
    // true
    

    对于初学者可以按照惯例来理解null与undefined的区别:
    1.对于定义的变量,没有值时,该变量默认为undefined。
    2.对于一个空的对象object,可以定义为null。
    3.对于非对象,如字符串,数字,布尔(Boolean)等,就是用undefined表示。

    3.Boolean(布尔值)

    布尔值代表“真”和“假”两个状态。“真”用关键字true表示,“假”用关键字false表示。布尔值只有这两个值。
    下列运算符会返回布尔值:

    前置逻辑运算符: ! (Not)
    相等运算符:===,!==,==,!=
    比较运算符:>,>=,<,<=

    在JS中,以下六个值会被视为false:

    • undefined
    • null
    • false
    • 0
    • NaN
    • ""或''(空字符串)

    其他值都视为true。

    4.number(数值)

    1.JavaScript 内部,所有数字都是以64位浮点数形式储存,即使整数也是如此。具体常见容易犯错的例子如下:

    1 === 1.0
    // true
    0.1 + 0.2 === 0.3
    // false
    0.3 / 0.1
    // 2.9999999999999996
    (0.3 - 0.2) === (0.2 - 0.1)
    // false
    

    2.在JS中,可以用科学计数法表示数字,下面是几个科学计数法的例子。

    123e3 // 123000
    123e-3 // 0.123
    -3.1E+12
    .1e-23
    

    3.数值的进制
    使用字面量(literal)直接表示一个数值时,JavaScript 对整数提供四种进制的表示方法:十进制、十六进制、八进制、二进制。

    • 十进制:没有前导0的数值。
    • 八进制:有前缀0o或0O的数值,或者有前导0、且只用到0-7的八个阿拉伯数字的数值。
    • 十六进制:有前缀0x或0X的数值。
    • 二进制:有前缀0b或0B的数值。
    • 默认情况下,JavaScript 内部会自动将八进制、十六进制、二进制转为十进制。下面是一些例子。
    0xff // 255
    0o377 // 255
    0b11 // 3
    

    4.NaN
    NaN是 JavaScript 的特殊值,表示“非数字”(Not a Number),主要出现在将字符串解析成数字出错的场合。需要注意的是,NaN不是独立的数据类型,而是一个特殊数值,它的数据类型依然属于Number

    4.String(字符串)

    字符串的使用中,有常用以下几点需要注意:
    1.单引号字符串的内部,可以使用双引号。双引号字符串的内部,可以使用单引号。

    'key = "value"'
    "It's a long journey"
    

    2.若要在单引号中使用单引号,就要使用转义字符
    3.在代码的编写中,要始终坚持使用一种风格,不要一会使用单引号,一会使用双引号。
    4.字符串默认只能写在一行内,分成多行将会报错。
    5.连接运算符(+)可以连接多个单行字符串,将长字符串拆成多行书写,输出的时候也是单行。

    var longString = 'Long '
      + 'long '
      + 'long '
      + 'string';
    

    6.模板字符串
    模板字符串是新的字符串类型,可以写成多行形式,并且接受变量,其具体使用方法如下:模板字符串

    `string text line 1
     string text line 2`
    

    5.object(对象)

    简单说,对象就是一组“键值对”(key-value)的集合,是一种无序的复合数据集合。

    var obj = {
      foo: 'Hello',
      bar: 'World'
    };
    

    对象中常见的需要注意的有:
    1.对象的所有键名都是字符串,所以加不加引号都可以。
    2.如果键名是数值,会被自动转为字符串。
    3.如果键名不符合标识名的条件(比如第一个字符为数字,或者含有空格或运算符),且也不是数字,则必须加上引号,否则会报错。
    4.对象中的值可以为另一个对象。

    5.对象的引用:

    如果不同的变量名指向同一个对象,那么它们都是这个对象的引用,也就是说指向同一个内存地址。修改其中一个变量,会影响到其他所有变量。

    var o1 = {};
    var o2 = o1;
    
    o1.a = 1;
    o2.a // 1
    
    o2.b = 2;
    o1.b // 2
    

    6.对象中属性的读取:

    读取对象的属性,有两种方法,一种是使用点运算符,还有一种是使用方括号运算符。

    关于它们的区别,有几点需要注意:
    (1).如果使用方括号运算符,键名必须放在引号里面,否则会被当作变量处理。
    (2).如果使用点运算符,key就是字符串

    var foo = 'bar';
    
    var obj = {
      foo: 1,
      bar: 2
    };
    
    obj.foo  // 1
    obj[foo]  // 2
    

    (3).数字键可以不加引号,因为会自动转成字符串。
    7.常见的方法
    (1).查看一个对象本身的所有属性,可以使用Object.keys方法。
    (2).delete命令用于删除对象的属性,删除成功后返回true。
    (3).in运算符用于检查对象是否包含某个属性,如果包含就返回true,否则返回false。

    var obj = { p: 1 };
    'p' in obj // true
    

    (4).for...in循环用来遍历一个对象的全部属性。

    var obj = {a: 1, b: 2, c: 3};
    
    for (var i in obj) {
      console.log('键名:', i);
      console.log('键值:', obj[i]);
    }
    

    6.Symbol

    参看文章:方应杭:JS 中的 Symbol 是什么?

    (完)

    参考文档:
    1.写代码啦
    2.阮一峰JS教程

    相关文章

      网友评论

        本文标题:JS里的数据类型

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