引用類型
NO.1 Object類型
最常用的引用類型是Object類型
創(chuàng)建Object實(shí)例的兩種方法:
方法一:new+構(gòu)造函數(shù)
var person = new Object();
person.name = "yzq"
person.age = 18;
方法二:使用對(duì)象字面量表示法
var person = {
name: "yzq",
age: 18
}
使用對(duì)象字面量表示法時(shí)倦畅,屬性名稱也可以使用字符串并且數(shù)字會(huì)自動(dòng)轉(zhuǎn)換為字符串:
var person = {
"name": "yzq",
"age": 18,
5:true
}
一般來說孩饼,對(duì)象的屬性訪問都是用點(diǎn)表示法朝巫,但是在JS中也可以用[]來表示
person["name"] 等價(jià)于person.name
用[]的好處是可以通過變量來訪問屬性或者在點(diǎn)用不了的情況下使用,例如:
var person = {
"first name": "dada"
}
var a = "first name"
person[a]
NO.2 Array類型
其次常用的引用類型是Array類型,JS的數(shù)組也和其他語言有很大的區(qū)別,JS的數(shù)組的每一項(xiàng)都可以保存任何類型的數(shù)據(jù)凑术,且JS的數(shù)組大小是可以動(dòng)態(tài)調(diào)整的碟贾,可以隨著數(shù)據(jù)添加自己增長(zhǎng)
創(chuàng)建數(shù)組的方法:
- var colors = new Array(); 使用Array構(gòu)造函數(shù);
- var colors = ["red","green"] 使用字面量方法;
數(shù)組的長(zhǎng)度保存在length屬性中,這個(gè)屬性始終會(huì)返回0或者更大的值悼院。
length屬性有一個(gè)很大的特點(diǎn)伤为,它不是只讀的,所以通過這只這個(gè)屬性,可以從數(shù)組的末尾移除項(xiàng)或者添加新項(xiàng)绞愚。例如:
var colors = ["red","green","blue"]
colors.length = 2
console.log(colors[2]) //結(jié)果為undefined
所以利用length屬性可以方便的在數(shù)組尾末添加新項(xiàng)叙甸,例如:
var colors = ["red","green","blue"]
colors[colors.length]= "black"
colors[colors.length]= "brown"
console.log(colors.length)
檢測(cè)數(shù)組:
對(duì)于全局的作用域來說,用instanceof就能檢測(cè)位衩,但是它的問題在與如果網(wǎng)頁中有多個(gè)框架,instanceof會(huì)由于全局環(huán)境不一樣出現(xiàn)問題裆蒸,于是還有一個(gè)新的方法Array.isArray(),用法如下:
if(Array.isArray(value)){
//對(duì)數(shù)組進(jìn)行操作
}
轉(zhuǎn)化方法:
1.顯示的調(diào)用toString方法糖驴,會(huì)直接將數(shù)組返回字符串的表示
2.alert(數(shù)組)僚祷,因?yàn)閍lert只接收字符串參數(shù),所以它會(huì)在后臺(tái)調(diào)用toString方法贮缕,當(dāng)數(shù)組方法只接受字符串的方法里辙谜,后臺(tái)會(huì)自動(dòng)去轉(zhuǎn)換
轉(zhuǎn)化后都默認(rèn)用逗號(hào)去間隔,如果想要用別的符號(hào)跷睦,需要用join()方法筷弦,join方法只接收一個(gè)參數(shù),就是分隔符抑诸。
colors.join("||") // red || green || blue
棧方法(后進(jìn)先出):
js為數(shù)組提供了push()和pop()方法烂琴。以便實(shí)現(xiàn)類似棧的功能;
push()方法接收任意數(shù)量的參數(shù)蜕乡,把他們逐個(gè)加到數(shù)組末尾奸绷,并返回修改后的數(shù)組的長(zhǎng)度
pop方法從數(shù)組末尾移除最后一項(xiàng),減少數(shù)組的length值层玲,并且返回移除的項(xiàng)
push():
var colors = ["red","green","blue"]
var count = colors.push("1","2")
console.log(count) //5
pop():
var colors = ["red","green","blue"]
var count = colors.pop("blue")
console.log(count) // blue
隊(duì)列方法(先進(jìn)先出):
js為數(shù)組提供了shift()和unshift()方法号醉。以便實(shí)現(xiàn)類似隊(duì)列的功能;
shift()移除數(shù)組中的第一個(gè)項(xiàng)并返回該項(xiàng)辛块,同時(shí)將數(shù)組長(zhǎng)度減一畔派。結(jié)合shift()和push()可以像使用隊(duì)列一樣使用數(shù)組
unshift()在數(shù)組前端添加任意個(gè)項(xiàng)并返回?cái)?shù)組長(zhǎng)度。結(jié)合unshift()和pop()可以像使用隊(duì)列一樣使用數(shù)組
重排序方法:
reverse()和sort()
reverse()方法的功能是反轉(zhuǎn)數(shù)組的順序
sort()方法是按升序排列數(shù)組項(xiàng)润绵,但是sort方法會(huì)調(diào)用每個(gè)數(shù)組項(xiàng)的toString()的轉(zhuǎn)型方法线椰。于是比較的都是字符串的大小。例如:
var values = [0,1,5,10,15]
values.sort(); // [0,1,10,15,5]
因?yàn)閟ort是轉(zhuǎn)化為字符串比較尘盼,所以看起來不是升序排列憨愉。
正確的做法是先定義一個(gè)比較函數(shù):
function compare(value1,value2){
if(value1>value2) {
return 1;
} else if (value1<value2){
return -1;
} else{
return 0;
}
}
var values = [0,1,5,10,15]
values.sort(compare);
console.log(values)
這個(gè)的做法就會(huì)讓數(shù)組里面的值按值比較。
操作方法:
concat()
concat()方法可以基于當(dāng)前數(shù)組中的所有項(xiàng)創(chuàng)建一個(gè)新數(shù)組卿捎,這個(gè)方法會(huì)先創(chuàng)建當(dāng)前數(shù)組的一個(gè)副本配紫,然后將接收到的參數(shù)添加到副本的末尾。例如:
var a = ["a","b","c"]
var b = a.concat("d",[5,6])
console.log(b) // ["a", "b", "c", "d", 5, 6]
slice()
slice()方法可以基于當(dāng)前數(shù)組中的某幾個(gè)項(xiàng)創(chuàng)建一個(gè)新數(shù)組午阵,可以接收一個(gè)或兩個(gè)參數(shù)躺孝,接收一個(gè)參數(shù)的時(shí)候,表示返回該參數(shù)的位置到數(shù)組末尾的所有項(xiàng),接收兩個(gè)參數(shù)的時(shí)候植袍,表示返回這兩個(gè)參數(shù)之間的項(xiàng):
var a = ["a","b","c","d","e"]
var b = a.slice(1)
console.log(b) // ["b", "c", "d", "e"]
var a = ["a","b","c","d","e"]
var b = a.slice(1,4) //注意伪很,起始位置從1開始,而不是從0開始
console.log(b) //["b", "c", "d"]
splice()最強(qiáng)大的數(shù)組方法奋单!锉试,并不是創(chuàng)建數(shù)組,而是直接操作數(shù)組
1.傳入兩個(gè)參數(shù):表示刪除數(shù)組的項(xiàng)览濒,第一個(gè)參數(shù)表示要?jiǎng)h除的第一項(xiàng)的位置呆盖,第二個(gè)是要?jiǎng)h除的數(shù)量
splice(0,2)刪除數(shù)組中的前兩項(xiàng)
2.傳入三個(gè)參數(shù):可以向指定位置插入任意數(shù)量的項(xiàng),第一個(gè)參數(shù)表示起始位置贷笛,0(要?jiǎng)h除的項(xiàng)目)应又,第三個(gè)是要插入的項(xiàng),如果要插入多個(gè)項(xiàng)乏苦,可以傳入任意個(gè)的參數(shù)
splice(2,0,"red","blue")表示從數(shù)組的位置2開始插入字符串"red"和"blue"
3.傳入三個(gè)參數(shù)(第二個(gè)參數(shù)不為0),替換數(shù)組中的指定項(xiàng)
splice(2,1,"red","blue")表示在位置2株扛,刪除1項(xiàng),然后插入2個(gè)字符串"red"和"blue"
位置方法:
indexOf()和lastindexOf() 這兩個(gè)方法都返回查找的項(xiàng)在數(shù)組中的位置,一個(gè)是從前往后查找汇荐,一個(gè)是從后往前查找
var numbers = [1,2,3,4,5,6]
numbers.indexOf(4); //3
迭代方法:
every() 對(duì)于數(shù)組的每一項(xiàng)運(yùn)行給定函數(shù)洞就,如果該函數(shù)對(duì)每一項(xiàng)都返回true,則返回true
filrer() 對(duì)于數(shù)組的每一項(xiàng)運(yùn)行給定函數(shù),返回該函數(shù)返回true的項(xiàng)組成的數(shù)組
forEach() 對(duì)于數(shù)組的每一項(xiàng)運(yùn)行給定函數(shù)掀淘,沒有返回值
map() 對(duì)于數(shù)組的每一項(xiàng)運(yùn)行給定函數(shù)旬蟋,返回每次函數(shù)調(diào)用的結(jié)果組成的數(shù)組
some() 對(duì)于數(shù)組的每一項(xiàng)運(yùn)行給定函數(shù),如果該函數(shù)有任何項(xiàng)返回true,則返回true
以上五個(gè)函數(shù)都能接受兩個(gè)參數(shù):
1.要在數(shù)組的每一項(xiàng)上運(yùn)行的函數(shù)
2.運(yùn)行該函數(shù)的作用域(可選)
歸并方法:
reduce()和reduceRight()
reduce()方法從數(shù)組的第一項(xiàng)開始革娄,逐個(gè)遍歷到最后倾贰;
reduceRight()從數(shù)組的最后一項(xiàng)開始,向前遍歷到第一項(xiàng)拦惋;
他們的函數(shù)都可以接收四個(gè)參數(shù)匆浙,前一個(gè)值,當(dāng)前值厕妖,項(xiàng)的索引和數(shù)組對(duì)象首尼。
var values = [1,2,3,4,5]
var sum = values.reduce(function(prev,cur,index,array){
return prev+ cur;
});
console.log(sum); //15
這個(gè)函數(shù)返回的任何值都會(huì)當(dāng)做為第一個(gè)參數(shù)傳給下一項(xiàng),例如1+2之后叹放,變成3傳給下一項(xiàng)饰恕,3+3在傳遞給下一項(xiàng)挠羔,所以結(jié)果為15井仰。