JavaScript对象

                           JavaScript对象

JavaScript对象有：array（数组）Boolean （布尔）date（日期），math（算数），number，string（字符串），regexp（正则），这些都是内置对象
一个对象有属性跟方法
Date 对象：Date 对象用于处理日期与时间。
创建 Date 对象： new Date().
以下四种方法同样可以创建 Date 对象：
var d =new Date();
var d =new Date(milliseconds);
var d =new Date(dateString);
var d =new Date(year, month, day, hours, minutes, seconds, milliseconds);
var now = new Date();
now; // Wed Jun 24 2015 19:49:22 GMT+0800 (CST)
now.getFullYear(); // 2015, 年份
now.getMonth(); // 5, 月份，注意月份范围是0~11，5表示六月所以在表示正确月份之前要加1
now.getDate(); // 24, 表示24号
now.getDay(); // 3, 表示星期三
now.getHours(); // 19, 24小时制
now.getMinutes(); // 49, 分钟
now.getSeconds(); // 22, 秒
now.getMilliseconds(); // 875, 毫秒数
now.getTime(); // 1435146562875, 以number形式表示的时间戳
Math 对象用于执行数学任务。
Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数 Math()。
语法
var x = Math.PI; // 返回PI
var y = Math.sqrt(16); // 返回16的平方根
Number 对象
Number 对象是原始数值的包装对象。
Number 创建方式 new Number()。
语法
var num = new Number(value);
注意： 如果一个参数值不能转换为一个数字将返回 NaN (非数字值)。、
String 对象
String 对象用于处理文本（字符串）。
String 对象创建方法： new String().
语法
var txt = new String(“string”);
或者更简单方式：
var txt = “string”;
RegExp 对象
正则表达式是描述字符模式的对象。
用该正则表达式去匹配用户的输入来判断是否合法。
正则表达式用于对字符串模式匹配及检索替换，是对字符串执行模式匹配的强大工具。
语法
var patt=new RegExp(pattern,modifiers);
或者更简单的方式:
var patt=/pattern/modifiers;
pattern（模式） 描述了表达式的模式
modifiers(修饰符) 用于指定全局匹配、区分大小写的匹配和多行匹配
注意：当使用构造函数创造正则对象时，需要常规的字符转义规则（在前面加反斜杠 \）。比如，以下是等价的：
var re = new RegExp("\w+");
var re = /\w+/;
\d{3}表示匹配3个数字，例如’010’；
\s可以匹配一个空格（也包括Tab等空白符），所以\s+表示至少有一个空格，例如匹配’ ‘，’\t\t’等；
\d{3,8}表示3-8个数字，例如’1234567’。
如果要匹配’010-12345’这样的号码呢
要做更精确地匹配，可以用[]表示范围，比如：
[0-9a-zA-Z_]可以匹配一个数字、字母或者下划线；
[0-9a-zA-Z_]+可以匹配至少由一个数字、字母或者下划线组成的字符串，比如’a100’，‘0_Z’，‘js2015’等等；
[a-zA-Z_$][0-9a-zA-Z_$]*可以匹配由字母或下划线、$开头，后接任意个由一个数字、字母或者下划线、$组成的字符串，也就是JavaScript允许的变量名；
[a-zA-Z_$][0-9a-zA-Z_$]{0, 19}更精确地限制了变量的长度是1-20个字符（前面1个字符+后面最多19个字符）。
A|B可以匹配A或B，所以(J|j)ava(S|s)cript可以匹配’JavaScript’、‘Javascript’、‘javaScript’或者’javascript’。
^{表示行的开头，}\d表示必须以数字开头。
KaTeX parse error: Undefined control sequence: \d at position 8: 表示行的结束，\̲d̲表示必须以数字结束。
RegExp对象的test()方法用于测试给定的字符串是否符合条件。
切分字符串
用正则表达式切分字符串比用固定的字符更灵活，请看正常的切分代码：
‘a b c’.split(’ '); // [‘a’, ‘b’, ‘’, ‘’, ‘c’]

嗯，无法识别连续的空格，用正则表达式试试：
‘a b c’.split(/\s+/); // [‘a’, ‘b’, ‘c’]

无论多少个空格都可以正常分割。加入,试试：
‘a,b, c d’.split(/[\s,]+/); // [‘a’, ‘b’, ‘c’, ‘d’]

再加入;试试：
‘a,b;; c d’.split(/[\s,;]+/); // [‘a’, ‘b’, ‘c’, ‘d’]

如果用户输入了一组标签，下次记得用正则表达式来把不规范的输入转化成正确的数组。
分组
就是不仅把结果输出来还把结果分段输出出来
re.exec(‘19:05:30’); // [‘19:05:30’, ‘19’, ‘05’, ‘30’]
除了简单地判断是否匹配之外，正则表达式还有提取子串的强大功能。用()表示的就是要提取的分组（Group）。比如：
^(\d{3})-(\d{3,8})KaTeX parse error: Undefined control sequence: \d at position 46: …码： var re = /^(\̲d̲{3})-(\d{3,8})/;
re.exec(‘010-12345’); // [‘010-12345’, ‘010’, ‘12345’]
re.exec(‘010 12345’); // null

如果正则表达式中定义了组，就可以在RegExp对象上用exec()方法提取出子串来。
exec()方法在匹配成功后，会返回一个Array，第一个元素是正则表达式匹配到的整个字符串，后面的字符串表示匹配成功的子串。
exec()方法在匹配失败时返回null。
提取子串非常有用。来看一个更凶残的例子：
var re = /^(0[0-9]|1[0-9]|2[0-3]|[0-9]):(0[0-9]|1[0-9]|2[0-9]|3[0-9]|4[0-9]|5[0-9]|[0-9]):(0[0-9]|1[0-9]|2[0-9]|3[0-9]|4[0-9]|5[0-9]|[0-9])$/;
re.exec(‘19:05:30’); // [‘19:05:30’, ‘19’, ‘05’, ‘30’]

这个正则表达式可以直接识别合法的时间。但是有些时候，用正则表达式也无法做到完全验证，比如识别日期：
var re = /^(0[1-9]|1[0-2]|[0-9])-(0[1-9]|1[0-9]|2[0-9]|3[0-1]|[0-9])$/;

对于’2-30’，'4-31’这样的非法日期，用正则还是识别不了，或者说写出来非常困难，这时就需要程序配合识别了。
贪婪匹配
需要特别指出的是，正则匹配默认是贪婪匹配，也就是匹配尽可能多的字符。举例如下，匹配出数字后面的0：
var re = /^(\d+)(0*)$/;
re.exec(‘102300’); // [‘102300’, ‘102300’, ‘’]

由于\d+采用贪婪匹配，直接把后面的0全部匹配了，结果0只能匹配空字符串了。
必须让\d+采用非贪婪匹配（也就是尽可能少匹配），才能把后面的0匹配出来，加个?就可以让\d+采用非贪婪匹配：
var re = /^(\d+?)(0)$/;
re.exec(‘102300’); // [‘102300’, ‘1023’, ‘00’]
\d+?采用非贪婪匹配遇到0 就把值分成2半

包装对象
除了这些类型外，JavaScript还提供了包装对象，熟悉Java的小伙伴肯定很清楚int和Integer这种暧昧关系。
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
不要使用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’。
JSON是JavaScript Object Notation的缩写，它是一种数据交换格式。
number：和JavaScript的number完全一致；
boolean：就是JavaScript的true或false；
string：就是JavaScript的string；
null：就是JavaScript的null；
array：就是JavaScript的Array表示方式——[]；
object：就是JavaScript的{ … }表示方式。
JSON的字符串规定必须用双引号""，Object的键也必须用双引号""。
把任何JavaScript对象变成JSON，就是把这个对象序列化成一个JSON格式的字符串，这样才能够通过网络传递给其他计算机。
如果我们收到一个JSON格式的字符串，只需要把它反序列化成一个JavaScript对象，就可以在JavaScript中直接使用这个对象了。
把一个对象变成序列化成JSON格式的字符串：
‘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);
要想输出好看就变成JSON.stringify(xiaoming, null, ’ ');
第二个参数用于控制如何筛选对象的键值，如果我们只想输出指定的属性，可以传入Array
还可以传入一个函数，这样对象的每个键值对都会被函数先处理
输出结果为
{
“name”: “小明”,
“age”: 14,
“gender”: true,
“height”: 1.65,
“grade”: null,
“middle-school”: ““W3C” Middle School”,
“skills”: [
“JavaScript”,
“Java”,
“Python”,
“Lisp”
]
}
如果我们还想要精确控制如何序列化小明，可以给xiaoming定义一个toJSON()的方法，直接返回JSON应该序列化的数据：
var xiaoming = {
name: ‘小明’,
age: 14,
gender: true,
height: 1.65,
grade: null,
‘middle-school’: ‘“W3C” Middle School’,
skills: [‘JavaScript’, ‘Java’, ‘Python’, ‘Lisp’],
toJSON: function () {
return { // 只输出name和age，并且改变了key：
‘Name’: this.name,
‘Age’: this.age
};
}
};

JSON.stringify(xiaoming); // ‘{“Name”:“小明”,“Age”:14}’

反序列化
拿到一个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

JSON.parse()还可以接收一个函数，用来转换解析出的属性：
JavaScript不区分类和实例的概念，而是通过原型（prototype）来实现面向对象编程。
prototype
考虑到这一点，Brendan Eich决定为构造函数设置一个prototype属性。
这个属性包含一个对象（以下简称"prototype对象"），所有实例对象需要共享的属性和方法，都放在这个对象里面；那些不需要共享的属性和方法，就放在构造函数里面。
实例对象一旦创建，将自动引用prototype对象的属性和方法。也就是说，实例对象的属性和方法，分成两种，一种是本地的，另一种是引用的。
function DOG(name){
　　this.name = name;
}
　　DOG.prototype = { species : ‘犬科’ };
　　var dogA = new DOG(‘大毛’);
　　var dogB = new DOG(‘二毛’);
　　alert(dogA.species); // 犬科
　　alert(dogB.species); // 犬科

现在，species属性放在prototype对象里，是两个实例对象共享的。只要修改了prototype对象，就会同时影响到两个实例对象。
DOG.prototype.species = ‘猫科’;
alert(dogA.species); // 猫科
alert(dogB.species); // 猫科
function Person(name, age, job) {
this.name = name;
this.age = age;
this.job = job;
}
var person1 = new Person(‘张三’, 20, ‘老师’);
var person2 = new Person(‘李四’, 22, ‘会计’);

上面的例子中 person1 和 person2 都是 Person 的实例。这两个实例都有一个 constructor （构造函数）属性，该属性（是一个指针）指向 Person。 即：
console.log(person1.constructor == Person); //true
console.log(person2.constructor == Person); //true
constructor 属性返回对创建此对象的数组函数的引用。
我们要记住两个概念（构造函数，实例）：
person1 和 person2 都是 构造函数 Person 的实例
我们要记住：实例的构造函数属性（constructor）指向构造函数。
1、每个函数都有一个原型属性 prototype 对象。 eg.函数A就有一个原型属性prototype，A.prototype
每个原型对象都有一个 constructor 属性指向关联的构造函数。如：原型对象a有一个2.constructor属性指向构造函数A。a.constructor ==A//true
3、原型链顶层：Object.proto == null
javaScript的原型链和Java的Class区别就在，它没有“Class”的概念，所有对象都是实例，所谓继承关系不过是把一个对象的原型指向另一个对象而已。
在编写JavaScript代码时，不要直接用obj.proto__去改变一个对象的原型，并且，低版本的IE也无法使用__proto。Object.create()方法可以传入一个原型对象，并创建一个基于该原型的新对象，但是新对象什么属性都没有
用new Student()创建的对象还从原型上获得了一个constructor属性，它指向函数Student本身：
xiaoming.constructor === Student.prototype.constructor; // true
Student.prototype.constructor === Student; // true
Object.getPrototypeOf(xiaoming) === Student.prototype; // true
xiaoming instanceof Student; // true
java 中的instanceof 运算符是用来在运行时指出对象是否是特定类的一个实例。instanceof通过返回一个布尔值来指出，这个对象是否是这个特定类或者是它的子类的一个实例。
用法：
result = object instanceof class
参数：
Result：布尔类型。
Object：必选项。任意对象表达式。
Class：必选项。任意已定义的对象类。
说明：
如果 object 是 class 的一个实例，则 instanceof 运算符返回 true。如果 object 不是指定类的一个实例，或者 object 是 null，则返回 false。
Object.getPrototypeOf可以获取指定对象的原型对象

红色箭头是原型链。注意，Student.prototype指向的对象就是xiaoming、xiaohong的原型对象，这个原型对象自己还有个属性constructor，指向Student函数本身。
另外，函数Student恰好有个属性prototype指向xiaoming、xiaohong的原型对象，但是xiaoming、xiaohong这些对象可没有prototype这个属性，不过可以用__proto__这个非标准用法来查看。
现在我们就认为xiaoming、xiaohong这些对象“继承”自Student。
调用构造函数千万不要忘记写new。为了区分普通函数和构造函数，按照约定，构造函数首字母应当大写，而普通函数首字母应当小写，这样，一些语法检查工具如jslint将可以帮你检测到漏写的new。

我们还可以编写一个createStudent()函数，在内部封装所有的new操作。一个常用的编程模式像这样：
function Student(props) {
this.name = props.name || ‘匿名’; // 默认值为’匿名’
this.grade = props.grade || 1; // 默认值为1
}

Student.prototype.hello = function () {
alert('Hello, ’ + this.name + ‘!’);
};

function createStudent(props) {
return new Student(props || {})
}

这个createStudent()函数有几个巨大的优点：一是不需要new来调用，二是参数非常灵活，可以不传，也可以这么传：
var xiaoming = createStudent({
name: ‘小明’
});

xiaoming.grade; // 1

如果创建的对象有很多属性，我们只需要传递需要的某些属性，剩下的属性可以用默认值。由于参数是一个Object，我们无需记忆参数的顺序。如果恰好从JSON拿到了一个对象，就可以直接创建出xiaoming。
遍历对象用for…in…来实现
for（var key in 对象）{//key是属性
console.log（key）属性
console.log（对象[ key ]）就是属性的值}
还可以用数组方法来实现forEach
var arr=[ ‘张三’，“李四”]
arr.forEach(function( value,index,arrav){
console.log(value)//返回值
console.log(index)返回下标
console.log(arrav)//返回数组})