javascript标准对象

亦凉 2022-09-22 01:16 142阅读 0赞

**1. 对象**  
在javascript世界里，一切都是对象。

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'

特别注意null的类型是object，Array的类型也是object。

**包装对象**  
在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

如果在使用Number，Boolean和String时，没有写new，Number()、Boolean和String()被当做普通函数，把任何类型的数据转换为number、boolean和string类型。

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'。

**null和undefined没有toString方法。**

**2 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形式表示的时间戳

当前时间是浏览器从本机操作系统获取的时间，所以不一定准确，因为用户可以把当前时间设定为任何值。

创建一个指定日期和时间的Date对象

var d = new Date(2015, 5, 19, 20, 15, 30, 123);
    d; // Fri Jun 19 2015 20:15:30 GMT+0800 (CST)

javascript的月份范围使用0~11, 0表示一月，1表示二月。

第二种创建一个指定日期和时间的方法是解析一个符合ISO 8601格式的字符串：

var d = Date.parse('2015-06-24T19:49:22.875+08:00');
    d; // 1435146562875

但它返回的不是Date对象，而是一个时间戳。不过有时间戳就可以很容易把它转换为一个Date

var d = new Date(1435146562875);
    d; // Wed Jun 24 2015 19:49:22 GMT+0800 (CST)

**时区：**

Date对象表示的时间总是浏览器所在时区显示的，不过我们既可以显示本地时间，也可以显示调整后的UTC时间：

var d = new Date(1435146562875);
    d.toLocaleString(); // '2015/6/24 下午7:49:22'，本地时间（北京时区+8:00），显示的字符串与操作系统设定的格式有关
    d.toUTCString(); // 'Wed, 24 Jun 2015 11:49:22 GMT'，UTC时间，与本地时间相差8小时

只要我们传递的是一个Number类型的时间戳，我们就不用关心时区的转换。任何一个浏览器都可以把一个时间戳正确的转换为本地时间。  
时间戳是一个自增的整数，它表示从1970年1月1日零时整的GMT时区开始的那一刻，到现在的毫秒数。所以，时间戳可以精确地表示一个时刻，并且与时区无关。

if (Date.now) {
        alert(Date.now()); // 老版本IE没有now()方法
    } else {
        alert(new Date().getTime());
    }

**3 RegExp**  
\\d可以匹配一个数字  
\\w可以匹配一个字母或数字  
\*表示任意个字符（包括0个）  
\+表示至少一个字符  
?表示0个或1个字符  
\{n\}表示n个字符  
\{n，m\}表示n-m个字符

\d{3}\s+\d{3,8}：
    \d{3}表示匹配3个数字，例如'010'；
    \s可以匹配一个空格（也包括Tab等空白符），所以\s+表示至少有一个空格，例如匹配' '，'\t\t'等；
    \d{3,8}表示3-8个数字，例如'1234567'。

\[0-9a-zA-Z\_\]可以匹配一个数字、字母或者下划线；

**创建正则表达式：**  
1.直接通过/正则表达式/写出来  
2.通过new RegExp(‘正则表达式’)创建一个RegExp对象

var re1 = /ABC\-001/;
    var re2 = new RegExp('ABC\\-001');
    
    re1; // /ABC\-001/
    re2; // /ABC\-001/

注意，如果使用第二种写法，因为字符串的转义问题，字符串的两个\\实际上是一个\\。

**切分字符串**

'a b c'.split(' '); // ['a', 'b', '', '', 'c']

无法识别连续的空格，用正则表达式试试：

'a b c'.split(/\s+/); // ['a', 'b', 'c']

**分组：**  
用（）表示的就是要提取的分组  
^(\\d\{3\})-(\\d\{3,8\})$分别定义了两个组，可以直接从匹配的字符串中提取出区号和本地号码：

var re = /^(\d{3})-(\d{3,8})$/;
    re.exec('010-12345'); // ['010-12345', '010', '12345']
    re.exec('010 12345'); // null

exec（）方法提取字串，匹配成功后，会返回一个Array，第一个元素是正则表达式匹配到的整个字符串，后面的字符串表示匹配成功的子串。匹配失败时返回Null。

**4 JSON**

序列化：把对象序列转化成JSON格式的字符串

var xiaoming = {
        name: '小明',
        age: 14,   
        height: 1.65,   
        skills: ['JavaScript', 'Java', 'Python', 'Lisp'] }; JSON.stringify(xiaoming); // '{"name":"小明","age":14,"height":1.65,"skills":["JavaScript","Java","Python","Lisp"]}'

第二个参数用于控制如何筛选对象的键值，如果我们只想输出指定的属性，可以传入Array

JSON.stringify(xiaoming, ['name', 'skills'], ' ');

{
      "name": "小明",
      "skills": [ "JavaScript", "Java", "Python", "Lisp" ] }

还可以传入一个函数，这样对象的每个键值对都会被函数先处理

function convert(key, value) {
        if (typeof value === 'string') {
            return value.toUpperCase();
        }
        return value;
    }
    
    JSON.stringify(xiaoming, convert, ' ');

所有的属性值变为大写

{
      "name": "小明",
      "age": 14,
      "gender": true,
      "height": 1.65,
      "grade": null,
      "middle-school": "\"W3C\" MIDDLE SCHOOL",
      "skills": [ "JAVASCRIPT", "JAVA", "PYTHON", "LISP" ] }

如果想要精确控制如何序列化小明，可以给小明定义一个toJSON()的方法，直接返回JSON应该序列化的数据

反序列化：  
拿到一个JSON格式的字符串，我们直接用JSON.parse()把它变成一个javascript对象

JSON.parse('{"name":"小明","age":14}'); // Object {name: '小明', age: 14}

JSON.parse()还可以接收一个函数，用来转换解析出的属性：

JSON.parse('{"name":"小明","age":14}', function (key, value) { 
        // 把number * 2:
        if (key === 'name') {
            return value + '同学';
        }
        return value;
    }); // Object {name: '小明同学', age: 14}