Javascript引用類型之時(shí)間Date 

JavaScript中的Date類型是在早期Java中的java.util.Date類基礎(chǔ)上構(gòu)建的。為此，Date類型使用自UTC 1970年1月1日零時(shí)開始經(jīng)過的毫秒數(shù)來保存日期。在使用這種數(shù)據(jù)存儲(chǔ)格式的條件下，Date類型保存的日期能夠精確到1970年1月1日之前或之后的285 616年。

創(chuàng)建日期對(duì)象

在javascript中，可以使用Date()構(gòu)造函數(shù)來創(chuàng)建日期對(duì)象，如：

當(dāng)沒有向構(gòu)造函數(shù)傳遞日期參數(shù)時(shí)，將創(chuàng)建一個(gè)擁有當(dāng)前日期和時(shí)間的對(duì)象。

當(dāng)然，如果想根據(jù)特定的日期和時(shí)間創(chuàng)建日期對(duì)象，也是可以的，只需要將能表示日期的參數(shù)傳入構(gòu)造函數(shù)即可。

Date()構(gòu)造函數(shù)能夠接受的常用的日期格式有：

”月/日/年“，如2/27/2014；
”英文月名 日,年“，如February 27,2014；
”年，月，日，時(shí)，分，秒，毫秒“，如2014,1,27,11,22,22

下面分別以上面的格式來創(chuàng)建一個(gè)日期對(duì)象：

var date1=new Date("2/27/2014"); 
alert(date1); //Thu Feb 27 2014 00:00:00 GMT+0800
var date2=new Date("February 27,2014");
alert(date2); //Thu Feb 27 2014 00:00:00 GMT+0800
var date3=new Date(2014,1,27,11,24,0);
alert(date3); //Thu Feb 27 2014 11:24:00 GMT+0800
var date4=new Date(2014,1,27);
alert(date4); //Thu Feb 27 2014 00:00:00 GMT+0800
var date5=new Date("2014,1,27,11,24,0");
alert(date5); //Invalid Date

通過上面的例子，大家可能會(huì)注意到它們之間的區(qū)別：

第一，用前面兩種方式創(chuàng)建日期對(duì)象時(shí)，必須以字符串的形式作為參數(shù)傳入；而使用第三種方式創(chuàng)建時(shí)不能以字符串的形式傳入，每個(gè)值都得當(dāng)做單獨(dú)的值傳入。

第二，有一點(diǎn)必須特別注意，用第三種方式創(chuàng)建日期時(shí)，它的月份是從0開始的，即一月份對(duì)應(yīng)的是0，依次類推；而前面兩種方法，是正常的月份表示，即二月對(duì)應(yīng)的就是2。

第三，使用第三種方式表示時(shí)，年月是必須的，而其他參數(shù)省略時(shí)，將以0表示。
注：前面兩種方式與顯示的調(diào)用Date.parse()方法將得到一致的結(jié)果；第三種方式與顯示的調(diào)用Date.UTC()方法得到的結(jié)果一致。

繼承的方法

Date類型也繼承有toString()、toLocaleString()和valueOf()方法。調(diào)用這些方法所得到的值的格式會(huì)因?yàn)闉g覽器的不同而不同。具體的，自己可以嘗試調(diào)用下。

日期格式化方法

Date類型還有一些專門用于將日期格式化為字符串的方法，如下：

toDateString()——以特定與實(shí)現(xiàn)的格式顯示星期幾、月、日、年；

toTimeString()——以特定于實(shí)現(xiàn)的格式顯示時(shí)、分、秒、時(shí)區(qū)；

toLocaleDateString()——以特定于地區(qū)的格式顯示星期幾、月、日、年；

toLocaleTimeString()——以特定于現(xiàn)實(shí)的格式顯示時(shí)、分、秒；

toUTCString()——以特定于顯示的格式顯示完整的UTC日期

上述方法可能相對(duì)不經(jīng)常使用，所以不深入介紹。

日期/時(shí)間組件方法

Javascript引用類型之?dāng)?shù)組Array

[數(shù)組的22種方法概述]

javaScript中的數(shù)組與其他多數(shù)語言中的數(shù)組有著相當(dāng)大的區(qū)別。雖然JavaScript數(shù)組與其他語言中的數(shù)組都是數(shù)據(jù)的有序列表，但與其他語言不同的是，JavaScript數(shù)組的每一項(xiàng)可以保持任何類型的數(shù)據(jù)。也就是說，可以用數(shù)組的第一個(gè)位置來保存字符串，用第二個(gè)位置來保存數(shù)值，用第三個(gè)位置來保存對(duì)象。而且，JavaScript數(shù)組的大小是可以動(dòng)態(tài)調(diào)整的，即可以隨著數(shù)據(jù)的添加自動(dòng)增長(zhǎng)以容納新增數(shù)據(jù)。

Array:數(shù)組中的每一項(xiàng)可以保存任何類型的數(shù)據(jù)，且數(shù)組的大小是動(dòng)態(tài)調(diào)整的(最多可包含4294967295項(xiàng)，大約43億項(xiàng))

[1.1]數(shù)組創(chuàng)建:

[1.1.1]使用Array構(gòu)造函數(shù)(在使用Array構(gòu)造函數(shù)時(shí)，也可以省略New操作符)

e.g. var colors = new Array();
var colors = new Array(20);
var colors = new Array('red','blue','green');
var colors = Array(3);

[注意]若傳遞的是數(shù)值，則會(huì)按照該數(shù)值創(chuàng)建包含給定項(xiàng)數(shù)的數(shù)組；

如果傳遞的是其他類型的參數(shù)，則會(huì)創(chuàng)建包含那個(gè)值的只有一項(xiàng)的數(shù)組

e.g. var colors = new Array(3);//包含三項(xiàng)的數(shù)組
var colors = new Array('Greg');//包含一項(xiàng)，且該項(xiàng)為"Greg"的數(shù)組  

[1.1.2]使用數(shù)組字面量表示法(用該方法不會(huì)調(diào)用Array構(gòu)造函數(shù))

e.g. var colors = ['red','blue','green'];
var colors = [];
[不可用] var colors = [1,2,];

//在IE8及以前中會(huì)包含一個(gè)三個(gè)項(xiàng)目,且每個(gè)項(xiàng)目為1、2和undefined的數(shù)組。在其他瀏覽器中為只包含1和2的數(shù)組

[不可用] var colors = [,,,];

//在IE8及以前會(huì)創(chuàng)建4項(xiàng)的數(shù)組,而在其他瀏覽器中會(huì)創(chuàng)建3項(xiàng)的數(shù)組

[1.2]數(shù)組讀寫

[1.2.1]在讀取和設(shè)置數(shù)組的值時(shí)，要使用方括號(hào)并提供相應(yīng)值的基于0的數(shù)字索引，數(shù)組的項(xiàng)數(shù)保存在其length屬性中，這個(gè)屬性始終會(huì)返回0或更大的值

[1.2.2]數(shù)組的length屬性可讀可寫，通過設(shè)置數(shù)組的Length屬性，可以從數(shù)組的末尾移除項(xiàng)或向數(shù)組中添加新項(xiàng)

e.g. var colors = ['red','blue','green'];
colors.length = 2;
alert(colors[2]);//undefined
colors.length = 4;
alert(colors[3]);//undefined

[1.2.3]利用length屬性可以方便地在數(shù)組末尾添加新項(xiàng)

e.g. colors[colors.length] = 'black';

[1.2.4]當(dāng)把一個(gè)值放在超出數(shù)組大小的位置上時(shí)，數(shù)組就會(huì)重新計(jì)算其長(zhǎng)度值，即長(zhǎng)度值等于最后一項(xiàng)的索引加1

e.g. var colors = ['red','blue','green'];
colors[99] = 'black';
alert(colors.length);//100 

[1.3]數(shù)組檢測(cè)

[1.3.1]if(value instanceof Array){}:問題在于它假定只有一個(gè)全局執(zhí)行環(huán)境，如果網(wǎng)頁中包含多個(gè)框架，那實(shí)際上就存在兩個(gè)以上不同的全局環(huán)境，從而存在兩個(gè)以上不同版本的Array構(gòu)造函數(shù)。如果從一個(gè)框架向另一個(gè)框架傳入一個(gè)數(shù)組，那么傳入的數(shù)組與在第二個(gè)框架中原生創(chuàng)建的數(shù)組分別具有各自不同的構(gòu)造函數(shù)。

[1.3.2]ECMAScript5新增了Array.isArray()方法:if(Array.isArray(value)){}。該方法的目的是最終確定某個(gè)值到底是不是數(shù)組，而不管它在哪個(gè)全局環(huán)境中創(chuàng)建的   

[1.4]數(shù)組轉(zhuǎn)換

[注意]如果數(shù)組中的某一項(xiàng)的值是null或者undefined，那么該值在join()、toLocaleString()、toString()和valueOf()方法返回的結(jié)果中以空字符串表示

[1.4.1]toString():返回由數(shù)組中每個(gè)值的字符串形式拼接而成的一個(gè)以逗號(hào)分隔的字符串

[1.4.2]valueof():返回的還是數(shù)組

e.g. var colors = ['red','blue','green'];     
console.log(colors.valueOf());//['red','blue','green']
alert(colors.valueOf());//'red,blue,green'
alert(colors.toString());//'red,blue,green'
alert(colors);//'red,blue,green'

[注意]由于alert()要接收字符串參數(shù)，它會(huì)在后臺(tái)調(diào)用toString()方法，會(huì)得到與toString()方法相同的結(jié)果

[1.4.3]toLocaleString():它會(huì)創(chuàng)建一個(gè)數(shù)組值以逗號(hào)分隔的字符串，而每一項(xiàng)的值調(diào)用的是toLocaleString()方法

var person1 = {
 toLocaleString: function(){
 return 'Nikolaos';
 },
 toString: function(){
 return 'Nicholas';
 }
};
var person2 = {
 toLocaleString: function(){
 return 'Grigorios';
 },
 toString: function(){
 return 'Greg';
 }
};
var people = [person1,person2];
alert(people);//Nicholas,Greg
alert(people.toString());//Nicholas,Greg
alert(people.toLocaleString());//Nikolaos,Grigorios

[1.4.4]join:可以使用不同的分隔符來構(gòu)建這個(gè)字符串,join只接收一個(gè)字符，用作分隔符的字符串，然后返回包含所有數(shù)組項(xiàng)的字符串

e.g. var colors = ['red','green','blue'];
alert(colors.join(','));//'red,green,blue'
alert(colors.join('||'));//'red||green||blue'
alert(colors.join());//'red,green,blue'
alert(colors.join(undefined));//'red,green,blue'

[注意]在IE7及以前會(huì)使用undefined作為分隔符

[1.5]數(shù)組方法

[1.5.1]棧方法:棧是一種LIFO(last-in-first-out)后進(jìn)先出的數(shù)據(jù)結(jié)構(gòu),也就是最新添加的項(xiàng)最早被移除。棧中項(xiàng)的插入(叫做推入)和移除(叫做彈出)只發(fā)生在棧的頂部。

[1.5.1.1]push()方法:可以接收任意數(shù)量的參數(shù)，把它們逐個(gè)添加到數(shù)組末尾，并返回修改后數(shù)組的長(zhǎng)度。

[1.5.1.2]pop()方法:從數(shù)組末尾移除最后一項(xiàng)，減少數(shù)組的length值，然后返回移除的項(xiàng)。

[1.5.2]隊(duì)列方法:隊(duì)列是一種FIFO(first-in-first-out)先進(jìn)先出的數(shù)據(jù)結(jié)構(gòu)，隊(duì)列在列表的末端添加項(xiàng)，從列表的前端移除項(xiàng)。

[1.5.2.1]shift():移除數(shù)組中的第一個(gè)項(xiàng)并返回該項(xiàng),同時(shí)數(shù)組的長(zhǎng)度減1(結(jié)合使用shift()和push()可以模擬隊(duì)列)

[1.5.2.2]unshift():在數(shù)組前端添加任意個(gè)項(xiàng)并返回新數(shù)組長(zhǎng)度(結(jié)合使用unshift()和pop()從相反方向模擬隊(duì)列)

[注意]IE7及以下unshift()方法返回的總是undefined               

[1.5.3]排序方法:

[1.5.3.1]reverse():反轉(zhuǎn)數(shù)組的順序,返回經(jīng)過排序之后的數(shù)組

[1.5.3.2]sort():按升序排列數(shù)組項(xiàng),sort方法會(huì)調(diào)用每個(gè)數(shù)組項(xiàng)的toString()方法，然后比較得到的字符串排序,返回經(jīng)過排序之后的數(shù)組

[注意]sort()方法可以接受一個(gè)比較函數(shù)作為參數(shù)，以便指定哪個(gè)值在哪個(gè)值的前面。比較函數(shù)接收兩個(gè)參數(shù)，如果第一個(gè)參數(shù)應(yīng)該位于第二個(gè)參數(shù)之前則返回一個(gè)負(fù)數(shù)，如果兩個(gè)參數(shù)相等則返回0，如果第一個(gè)參數(shù)應(yīng)該位于第二個(gè)參數(shù)之后則返回一個(gè)正數(shù)

[比較函數(shù)] (使用：e.g. array1.sort(compare);)

function compare(value1,value2){
 if(value1 < value2){
 return -1;
 }else if(value1 > value2){
 return 1;
 }else{
 return 0;
 }
}

對(duì)于數(shù)值類型或valueOf()方法會(huì)返回?cái)?shù)值類型的對(duì)象類型，比較函數(shù)可以簡(jiǎn)化為：

function compare(value1,value2){
return value2 - value1;
}

[tips]:常用以下方法來創(chuàng)建一個(gè)隨機(jī)數(shù)組

function compare(){
return Math.random() - 0.5;
}

[1.5.4]操作方法(切開、連接、插入、刪除、替換):

[1.5.4.1]concat():基于當(dāng)前數(shù)組中的所有項(xiàng)創(chuàng)建一個(gè)新數(shù)組,先創(chuàng)建當(dāng)前數(shù)組一個(gè)副本,然后將接收到的參數(shù)添加到這個(gè)副本的末尾，最后返回新構(gòu)建的數(shù)組(concat()不影響原數(shù)組)

[注意1]沒有給concat()方法傳遞參數(shù)時(shí)，它只是復(fù)制當(dāng)前的數(shù)組

[注意2]如果參數(shù)是一個(gè)或多個(gè)數(shù)組，則該方法會(huì)將這些數(shù)組中的每一項(xiàng)都添加到結(jié)果數(shù)組中

[注意3]如果傳遞的值不是數(shù)組，這些值就會(huì)被簡(jiǎn)單地添加到結(jié)果數(shù)組的末尾

e.g. var numbers = [1,2];
console.log(numbers.concat());//[1,2]
console.log(numbers.concat([5,4,3],[3,4,5],1,2));//[1,2,5,4,3,3,4,5,1,2];

[1.5.4.2]slice():基于當(dāng)前數(shù)組中的一個(gè)或多個(gè)項(xiàng)創(chuàng)建一個(gè)新數(shù)組,接受一個(gè)或兩個(gè)參數(shù),即要返回項(xiàng)的起始和結(jié)束位置 ，最后返回新數(shù)組(slice()不影響原數(shù)組)

[注意1]沒有參數(shù)時(shí)，返回原數(shù)組

[注意2]只有一個(gè)參數(shù)時(shí)，slice()方法返回從該參數(shù)指定位置開始到當(dāng)前數(shù)組末尾的所有項(xiàng)

[注意3]兩個(gè)參數(shù)時(shí)，該方法返回起始位置和結(jié)束位置之間的項(xiàng)，但不包括結(jié)束位置的項(xiàng)   

[注意4]若參數(shù)為負(fù)數(shù)時(shí)，則用數(shù)組長(zhǎng)度加負(fù)數(shù)作為參數(shù)

[注意5]若結(jié)束位置小于開始位置，則返回空數(shù)組

var numbers = [1,2,3,4,5];
console.log(numbers.slice());//[1,2,3,4,5]
console.log(numbers.slice(2));//[3,4,5]
console.log(numbers.slice(2,3));//[3]
console.log(numbers.slice(-3));//-3+5=2 -> [3,4,5]
console.log(numbers.slice(2,1));//[]

[1.5.4.3]splice():原數(shù)組變?yōu)樾薷暮蟮臄?shù)組，而splice()返回從原數(shù)組中刪除的項(xiàng)組成的數(shù)組,若無刪除項(xiàng)則返回空數(shù)組

[a]刪除:兩個(gè)參數(shù)為要?jiǎng)h除的第一項(xiàng)的位置、要?jiǎng)h除的項(xiàng)數(shù)

[b]插入:三個(gè)參數(shù)為起始位置、0(要?jiǎng)h除的基數(shù))、要插入的項(xiàng)

[c]替換:三個(gè)參數(shù)為起始位置、要?jiǎng)h除的項(xiàng)數(shù)、要插入的項(xiàng)

[注意1]若第一個(gè)參數(shù)為負(fù)數(shù)時(shí)，則用數(shù)組長(zhǎng)度加負(fù)數(shù)作為參數(shù)   

[注意2]若第二個(gè)參數(shù)為負(fù)數(shù)時(shí)，則用0作為參數(shù)   

var numbers = [1,2,3,4,5];
    console.log(numbers.splice(0,2),numbers);//[1,2] [3,4,5]
    var numbers = [1,2,3,4,5];
    console.log(numbers.splice(1,0,11,12),numbers);//[] [1,11,12,2,3,4,5]
    var numbers = [1,2,3,4,5];
    console.log(numbers.splice(1,3,11,12),numbers);//[2,3,4] [1,11,12,5]
    var numbers = [1,2,3,4,5];
    console.log(numbers.splice(-4,3,11,12),numbers);//-4+5=1 -> [2,3,4] [1,11,12,5]
    var numbers = [1,2,3,4,5];
    console.log(numbers.splice(-4,-3,11,12),numbers);//-4+5=1 -> [] [1,11,12,2,3,4,5]

[1.5.5]位置方法(ECMAScript5):兩個(gè)參數(shù)：要查找的項(xiàng)、表示查找起點(diǎn)位置的索引(可選)。返回第一個(gè)滿足條件的查找項(xiàng)在數(shù)組中的位置，如果沒有找到則返回-1(位置方法不會(huì)影響原數(shù)組)

[注意]在比較時(shí)，使用全等操作符

[1.5.5.1]indexOf()

[1.5.5.2]lastIndexOf()   

var person = {name: 'Nicholas'};
var people = [{name: 'Nicholas'}];
var morePeople = [person];
alert(people.indexOf(person));//-1,因?yàn)閜erson和people[0]雖然值相同，但是是兩個(gè)引用
alert(morePeople.indexOf(person));//0，因?yàn)閜erson和morepeople[0]是同一個(gè)引用
alert(morePeople.indexOf({name: 'Nicholas'}));//-1,因?yàn)椴皇峭粋€(gè)引用

[tips]若返回滿足條件的項(xiàng)的所有索引值

function allIndexOf(array,value){
 var result = [];
 var pos = array.indexOf(value);
 if(pos === -1){
  return -1;
 }
 while(pos > -1){
  result.push(pos);
  pos = array.indexOf(value,pos+1);
 }
 return result;
  }
 var array = [1,2,3,3,2,1];
 console.log(allIndexOf(array,1));//[0,5]  

[1.5.6]迭代方法(ECMAScript5):兩個(gè)參數(shù)：要在每一項(xiàng)上運(yùn)行的函數(shù)、運(yùn)行該函數(shù)作用域?qū)ο蟆绊憈his的值(可選)。傳入這些方法中的函數(shù)會(huì)接收三個(gè)參數(shù):數(shù)組項(xiàng)的值、該項(xiàng)在數(shù)組中的位置、數(shù)組對(duì)象本身(迭代方法不會(huì)影響原數(shù)組)

[1.5.6.1]every():對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)，如果該函數(shù)對(duì)每一項(xiàng)都返回true,則返回true

[1.5.6.2]filter():對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)，返回該函數(shù)會(huì)返回true的項(xiàng)組成的數(shù)組(常用于查詢符合條件的所有數(shù)組項(xiàng))

[1.5.6.3]forEach():對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)，這個(gè)方法沒有返回值(相當(dāng)于for循環(huán))

[1.5.6.4]map():對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)，返回每次函數(shù)調(diào)用的結(jié)果組成的數(shù)組(常用于創(chuàng)建包含項(xiàng)與另一個(gè)數(shù)組一一對(duì)應(yīng)的數(shù)組)

[1.5.6.5]some():對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)，如果該函數(shù)對(duì)任一項(xiàng)返回true,則返回true

 var numbers = [1,2,3,4,5,6,7,8,9,0];
 var sum = 0;
 var everyResult = numbers.every(function(item,index,array){
  return (item>2);
 });
 var filterResult = numbers.filter(function(item,index,array){
  return (item>2)
 });
 var forEachResult = numbers.forEach(function(item,index,array){
  sum += item;
  return (item>2)
 });
 var mapResult = numbers.map(function(item,index,array){
  return (item*2)
 }); 
 var som =  numbers.some(function(item,index,array){
  return (item>2)
 }); 
 console.log(everyResult);//false
 console.log(filterResult);//[3,4,5,6,7,8,9]
 console.log(forEachResult,sum);//undefined 45 
 console.log(mapResult);//[2,4,6,8,10,12,14,16,18,0]
 console.log(someResult);//true
 [tips] function logArray(value,index,array){
   console.log(value);
  }
  [2,5,,,,,9].forEach(logArray)//2 5 9

[1.5.7]歸并方法(ECMAScript5):迭代數(shù)組的所有項(xiàng)，構(gòu)建一個(gè)最終返回的值。接收兩個(gè)參數(shù):一個(gè)在每一項(xiàng)上調(diào)用的函數(shù)、作為歸并基礎(chǔ)的初始值(可選)。傳給reduce()和reduceRight()的函數(shù)接受4個(gè)參數(shù):前一個(gè)值、當(dāng)前值、項(xiàng)的索引和數(shù)組對(duì)象。這個(gè)函數(shù)返回的任何值都會(huì)作為第一個(gè)參數(shù)自動(dòng)傳給下一項(xiàng)。第一次迭代發(fā)生在數(shù)組的第二項(xiàng)上。因此，第一個(gè)參數(shù)是數(shù)組第一項(xiàng)，第二個(gè)參數(shù)是數(shù)組第二項(xiàng)(歸并方法不會(huì)影響原數(shù)組)

[1.5.7.1]reduce()

[1.5.7.2]reduceRight()

var sum = values.reduce(function(prev,cur,index,array){
    return prev+cur;
   })
   alert(sum);//15