javascript高級(jí)程序設(shè)計(jì)讀書筆記(三)

引用類型

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ù)組的方法:

  1. var colors = new Array(); 使用Array構(gòu)造函數(shù);
  2. 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井仰。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市破加,隨后出現(xiàn)的幾起案子俱恶,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,039評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件合是,死亡現(xiàn)場(chǎng)離奇詭異了罪,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)聪全,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,426評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門泊藕,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人难礼,你說我怎么就攤上這事娃圆。” “怎么了蛾茉?”我有些...
    開封第一講書人閱讀 165,417評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵讼呢,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我谦炬,道長(zhǎng)悦屏,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,868評(píng)論 1 295
  • 正文 為了忘掉前任键思,我火速辦了婚禮础爬,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘吼鳞。我一直安慰自己幕帆,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,892評(píng)論 6 392
  • 文/花漫 我一把揭開白布赖条。 她就那樣靜靜地躺著失乾,像睡著了一般。 火紅的嫁衣襯著肌膚如雪纬乍。 梳的紋絲不亂的頭發(fā)上碱茁,一...
    開封第一講書人閱讀 51,692評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音仿贬,去河邊找鬼纽竣。 笑死,一個(gè)胖子當(dāng)著我的面吹牛茧泪,可吹牛的內(nèi)容都是我干的蜓氨。 我是一名探鬼主播,決...
    沈念sama閱讀 40,416評(píng)論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼队伟,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼穴吹!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起嗜侮,我...
    開封第一講書人閱讀 39,326評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤港令,失蹤者是張志新(化名)和其女友劉穎啥容,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體顷霹,經(jīng)...
    沈念sama閱讀 45,782評(píng)論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡咪惠,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,957評(píng)論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了淋淀。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片遥昧。...
    茶點(diǎn)故事閱讀 40,102評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖朵纷,靈堂內(nèi)的尸體忽然破棺而出渠鸽,到底是詐尸還是另有隱情,我是刑警寧澤柴罐,帶...
    沈念sama閱讀 35,790評(píng)論 5 346
  • 正文 年R本政府宣布徽缚,位于F島的核電站,受9級(jí)特大地震影響革屠,放射性物質(zhì)發(fā)生泄漏凿试。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,442評(píng)論 3 331
  • 文/蒙蒙 一似芝、第九天 我趴在偏房一處隱蔽的房頂上張望那婉。 院中可真熱鬧,春花似錦党瓮、人聲如沸详炬。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,996評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽呛谜。三九已至,卻和暖如春枪萄,著一層夾襖步出監(jiān)牢的瞬間隐岛,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,113評(píng)論 1 272
  • 我被黑心中介騙來泰國打工瓷翻, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留聚凹,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,332評(píng)論 3 373
  • 正文 我出身青樓齐帚,卻偏偏與公主長(zhǎng)得像妒牙,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子对妄,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,044評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容