美文网首页
(标准对象)Date+JSON

(标准对象)Date+JSON

作者: 云木杉 | 来源:发表于2019-03-27 11:17 被阅读0次

    在JavaScript的世界里,一切都是对象。我们用typeof操作符获取对象的类型,它总是返回一个字符串:

    typeof 123; // 'number'
    typeof NaN; // 'number'
    typeof 'str'; // 'string'
    typeof true; // 'boolean'
    typeof undefined; // 'undefined'
    typeof Math.abs; // 'function'
    typeof null; // 'object'
    typeof []; // 'object'
    typeof {}; // 'object'
    

    包装对象

    除了这些类型外,JavaScript还提供了包装对象,number、boolean和string都有包装对象。在JavaScript中,字符串也区分string类型和它的包装类型。包装对象用new创建:

    var n = new Number(123); // 123,生成了新的包装类型
    var b = new Boolean(true); // true,生成了新的包装类型
    var s = new String('str'); // 'str',生成了新的包装类型
     // 虽然包装对象看上去和原来的值一模一样,显示出来也是一模一样,但他们的类型已经变为object了!所以,包装对象和原始值用===比较会返回false:
    typeof new Number(123); // 'object'
    new Number(123) === 123; // false
    
    typeof new Boolean(true); // 'object'
    new Boolean(true) === true; // false
    
    typeof new String('str'); // 'object'
    new String('str') === 'str'; // false
    
    

    如果我们在使用Number、Boolean和String时,没有写new会发生什么情况?

    此时,Number()、Boolean和String()被当做普通函数,把任何类型的数据转换为number、boolean和string类型(注意不是其包装类型)

    var n = Number('123'); // 123,相当于parseInt()或parseFloat()
    typeof n; // 'number'
    
    var b = Boolean('true'); // true
    typeof b; // 'boolean'
    
    var b2 = Boolean('false'); // true! 'false'字符串转换结果为true!因为它是非空字符串!
    var b3 = Boolean(''); // false
    
    var s = String(123.45); // '123.45'
    typeof s; // 'string'
    
    

    总结一下,有这么几条规则需要遵守:

    • 不要使用new Number()、new Boolean()、new String()创建包装对象;
    • 用parseInt()或parseFloat()来转换任意类型到number;
    • 用String()来转换任意类型到string,或者直接调用某个对象的toString()方法;
    • 通常不必把任意类型转换为boolean再判断,因为可以直接写if (myVar) {...};
    • typeof操作符可以判断出number、boolean、string、function和undefined;
    • 判断Array要使用Array.isArray(arr);
    • 判断null请使用myVar === null
    • 判断某个全局变量是否存在用typeof window.myVar === 'undefined';
    • 函数内部判断某个变量是否存在用typeof myVar === 'undefined'。

    最后有细心的同学指出,任何对象都有toString()方法吗?null和undefined就没有!确实如此,这两个特殊值要除外,虽然null还伪装成了object类型。

    更细心的同学指出,number对象调用toString()报SyntaxError:

    123.toString(); // SyntaxError

    遇到这种情况,要特殊处理一下:

    123..toString(); // '123', 注意是两个点!
    (123).toString(); // '123'

    Date

    在JavaScript中,Date对象用来表示日期和时间。

    要获取系统当前时间,用:

    var now = new Date();
    now; // Wed Jun 24 2015 19:49:22 GMT+0800 (CST)
    now.getFullYear(); // 2015, 年份
    now.getMonth(); // 5, 月份,注意月份范围是0~11,5表示六月
    now.getDate(); // 24, 表示24号
    now.getDay(); // 3, 表示星期三
    now.getHours(); // 19, 24小时制
    now.getMinutes(); // 49, 分钟
    now.getSeconds(); // 22, 秒
    now.getMilliseconds(); // 875, 毫秒数
    now.getTime(); // 1435146562875, 以number形式表示的时间戳
    
    

    ReqExp

    正则表达式,我就不研究了。

    JSON

    JSON是JavaScript Object Notation的缩写,它是一种数据交换格式。
    在JSON中,一共就这么几种数据类型:

    • number:和JavaScript的number完全一致;
    • boolean:就是JavaScript的true或false;
    • string:就是JavaScript的string;
    • null:就是JavaScript的null;
    • array:就是JavaScript的Array表示方式——[];
    • object:就是JavaScript的{ ... }表示方式。

    序列化

    'use strict';
    
    var xiaoming = {
        name: '小明',
        age: 14,
        gender: true,
        height: 1.65,
        grade: null,
        'middle-school': '\"W3C\" Middle School',
        skills: ['JavaScript', 'Java', 'Python', 'Lisp']
    };
    
    var s = JSON.stringify(xiaoming);
    console.log(s); // {"name":"小明","age":14,"gender":true,"height":1.65,"grade":null,"middle-school":"\"W3C\" Middle School","skills":["JavaScript","Java","Python","Lisp"]}
    
    

    反序列化

    拿到一个JSON格式的字符串,我们直接用JSON.parse()把它变成一个JavaScript对象:

    JSON.parse('[1,2,3,true]'); // [1, 2, 3, true]
    JSON.parse('{"name":"小明","age":14}'); // Object {name: '小明', age: 14}
    JSON.parse('true'); // true
    JSON.parse('123.45'); // 123.45
    
    

    相关文章

      网友评论

          本文标题:(标准对象)Date+JSON

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