美文网首页
Js 数据类型

Js 数据类型

作者: 饕餮潴 | 来源:发表于2018-09-16 01:55 被阅读6次

    7种数据类型

    • number(数值) :整数和小数(浮点数)
    • string(字符串):文本'123' 'string'
    • boolean(布尔值) true false
    • symbol(符号) es6中加入以后在es中解释
    • undefined: 空非对象(除了object的空值类型 都可以用undefined表示)
    • null: 空对象
    • object(对象):各种值的组合集

    function 不属于7中数据类型中 但是如果 :

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

    number

    javascript 所有数字是以64位浮点数存贮 也就是
    1 === 1.0 // true 1和1.0 1.00 1.000 都是一个数
    注意 由于浮点数不是精确的值,所以涉及小数的比较和运算要特别小心

    0.1 + 0.2 === 0.3
    // false
    0.3 / 0.1
    // 2.9999999999999996
    (0.3 - 0.2) === (0.2 - 0.1)
    // false
    

    Number对象的MAX_VALUE和MIN_VALUE属性,返回可以表示的具体的最大值和最小值。

    数值的表示方法

    123e3 // 123000
    123e-3 // 0.123
    (1)小数点前的数字多于21位。

    1234567890123456789012
    // 1.2345678901234568e+21
    
    123456789012345678901
    // 123456789012345680000
    

    0x开头表示16进制
    0o开头表示8进制
    0b开头表示2进制

    0xff // 255
    0o377 // 255
    0b11 // 3
    

    (2)小数点后的零多于5个。

    // 小数点后紧跟5个以上的零,
    // 就自动转为科学计数法
    0.0000003 // 3e-7

    // 否则,就保持原来的字面形式
    0.000003 // 0.000003

    js中特殊值

    1. 0 0在js中存在+0和-0 这两个0的在绝大多数时候是相等的 只有在座位分母时
      (1 / +0) === (1 / -0) // false
      因为除以正零得到+Infinity,除以负零得到-Infinity,这两者是不相等的
    2. NaN
      (Not a number) 属于 number类型
      NaN 不等于任何值包括自己 也不能和任何之计算 返回结果都是NaN
      在布尔值中可以作为false
      使用场景:
    5 - 'x' // NaN
    Math.acos(2) // NaN
    Math.log(-1) // NaN
    Math.sqrt(-1) // NaN
    0 / 0 // NaN
    

    3.Infinity
    无穷 分正无穷和负无穷

    // 场景一
    Math.pow(2, 1024)
    // Infinity    表达式的计算结果太大,超出了能够表示的范围
    
    // 场景二
    0 / 0 // NaN    0除以0会得到NaN
    1 / 0 // Infinity    而非0数值除以0,会返回Infinity
    

    Infinity与NaN比较,总是返回false

    Infinity > NaN // false
    -Infinity > NaN // false
    
    Infinity < NaN // false
    -Infinity < NaN // false
    

    0或者null 乘以Infinity,返回NaN;除以Infinity,返回0;Infinity除以0或者null ,返回Infinity。
    Infinity减去或除以Infinity,得到NaN
    Infinity与undefined计算,返回的都是NaN

    parseInt方法用于将字符串转为整数

    需要注意的是 :
    parseInt('15e2') // 15
    parseInt('.3') // NaN
    parseInt('+1') // 1
    parseInt('0x10') // 16
    parseInt('011') // 11
    parseInt会将科学计数法的表示方法视为字符串

    parseInt(1000000000000000000000.5) // 1
    // 等同于
    parseInt('1e+21') // 1
    
    parseInt(0.0000008) // 8
    // 等同于
    parseInt('8e-7') // 8
    
    parseInt('1000', 2) // 8  2进制1000转化成十进制
    parseInt('1000', 6) // 216 6进制1000转化成十进制
    parseInt('1000', 8) // 512  8进制1000转化成十进制
    

    但是

    parseInt('10', 37) // NaN
    parseInt('10', 1) // NaN
    parseInt('10', 0) // 10
    parseInt('10', null) // 10
    parseInt('10', undefined) // 10
    parseInt('1546', 2) // 1
    parseInt('546', 2) // NaN
    

    string 字符串

    字符串就是零个或者多个排在一起的字符,放在单引号或者双引号中。
    在js中尽量在字符串中使用单引号或者双引号一种风格 不好来回混用,由于html使用双引号所以尽量使用单引号是比较推荐的。
    字符串默认只能在一行,分成多行将会报错。
    但是可以通过:

    var longString = 'Long \
    long \
    long \
    string';
    
    longString
    // "Long long long string"
    或者 
    var longString = 'Long '
      + 'long '
      + 'long '
      + 'string';
    
    

    每个字符在 JavaScript 内部都是以16位在U+0000到U+FFFF之间的字符(即2个字节)的 UTF-16 格式储存。也就是说,JavaScript 的单位字符长度固定为16位长度,即2个字节,浏览器会正确识别超过U+FFFF之间的字符,但是 JavaScript 无法识别,会认为这是两个字符。

    Base64 转码

    Base64 就是一种编码方法,可以将任意值转成 0~9、A~Z、a-z、+和/这64个字符组成的可打印字符。
    btoa():任意值转为 Base64 编码
    atob():Base64 编码转为原来的值
    注意
    如果是汉子不在base64中 是不能直接转换的

    btoa(encodeURIComponent('你好'))  //"JUU0JUJEJUEwJUU1JUE1JUJE"
    decodeURIComponent(atob('JUU0JUJEJUEwJUU1JUE1JUJE'))//"你好"
    

    布尔值

    ture 真 false 假
    逻辑运算符 && and || or
    非运算 !not
    相等运算符 === 绝对等 ==相等 !==不绝对等 !=不等 (=== 与!== 相反 )(==与!=相反)
    比较运算符 > ,>= , <, <=
    以下字符

    • undefined
    • null
    • false
    • 0
    • Nan
    • "" '' (空字符串) 为 false 其他都为true

    注意 [ ] { } 为 true

    if ([]) {
      console.log('true');
    }
    // true
    
    if ({}) {
      console.log('true');
    }
    // true
    

    null 和 undefined

    首先这两个都表示空或者无 且 如果 null ==undefined //true 说明这两个在一定程度上是相等

    区别:

    Number(null) // 0
    5 + null // 5
    Number(undefined) // NaN
    5 + undefined // NaN
    

    null表示空值 undefined表示未定义

    // 对象没有赋值的属性
    var  o = new Object();
    o.p // undefined
    

    null: 空对象 undefined: 空非对象(除了object的空值类型 都可以用undefined表示)

    Object 对象

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

    对象引用:
    不同变量名指向同一个对象,那么他们就是指向了该对象所表示同意内存地址,修改其中一个变量,会影响其他变量。

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

    但是这个只局限到对象,如果两个变量指向一个原始类型值,变量这时都是值的拷贝。

    var o1 = {};
    var o2 = o1;
    
    o1 = 1;
    o2 // {}
    

    规范
    V8 引擎规定,如果行首是大括号,一律解释为对象。不过,为了避免歧义,最好在大括号前加上圆括号。
    ({ foo: 123})
    这种差异在eval语句(作用是对字符串求值)中反映得最明显。

    eval('{foo: 123}') // 123
    eval('({foo: 123})') // {foo: 123}
    

    属性读取

    var obj = {
      p: 'Hello World'
    };
    
    obj.p // "Hello World"
    obj['p'] // "Hello World" //注意['p']又'p' 引号 不然可能会出现下面的情况 
    
    var foo = 'bar';
    
    var obj = {
      foo: 1,
      bar: 2
    };
    
    obj.foo  // 1
    obj[foo]  // 2
    

    方括号运算符内部还可以使用表达式

    obj['hello' + ' world']//helloworld
    obj[3 + 3]//6
    

    数字键可以不加引号,因为会自动转成字符串

    var obj = {
      0.7: 'Hello World'
    };
    
    obj['0.7'] // "Hello World"
    obj[0.7] // "Hello World"
    

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

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

    相关文章

      网友评论

          本文标题:Js 数据类型

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