回味JS(三)JS的內(nèi)置對(duì)象

1. Object對(duì)象

判斷變量是否為對(duì)象的小技巧

如果Object方法的參數(shù)是一個(gè)對(duì)象奸鬓,它總是返回該對(duì)象位隶,即不用轉(zhuǎn)換串纺,所以可以利用這一點(diǎn)來(lái)判斷一個(gè)變量是否為對(duì)象:

function isObject(value) {
  return value === Object(value);
}

isObject([]) // true

Object.keys()和Object.getOwnPropertyNames()有什么區(qū)別羡疗?

  • 這兩者都是用來(lái)遍歷對(duì)象的屬性摆霉,接受一個(gè)對(duì)象作為參數(shù)豪椿,返回一個(gè)數(shù)組。
  • 遍歷的都是該對(duì)象自身的(而不是繼承的)所有屬性名携栋;但Object.keys方法只返回可枚舉的屬性,Object.getOwnPropertyNames方法還返回不可枚舉的屬性名搭盾。

例如:

var a = ['Hello', 'World'];

Object.keys(a) // ["0", "1"]
Object.getOwnPropertyNames(a) // ["0", "1", "length"]

使用toString判斷數(shù)據(jù)類(lèi)型

Object的toString方法,作用是返回一個(gè)對(duì)象的字符串形式婉支,默認(rèn)情況下返回類(lèi)型字符串鸯隅,因此可以用來(lái)判斷一個(gè)值的類(lèi)型。

數(shù)組向挖、字符串蝌以、函數(shù)、Date 對(duì)象都分別部署了自定義的toString方法户誓,覆蓋了Object.prototype.toString方法饼灿,所以通常使用Object.prototype.toString.call(value)來(lái)判斷值的類(lèi)型。

不同數(shù)據(jù)類(lèi)型的Object.prototype.toString方法返回值如下帝美。

  • 數(shù)值:返回[object Number]碍彭。
  • 字符串:返回[object String]
  • 布爾值:返回[object Boolean]悼潭。
  • undefined:返回[object Undefined]庇忌。
  • null:返回[object Null]
  • 數(shù)組:返回[object Array]舰褪。
  • arguments 對(duì)象:返回[object Arguments]皆疹。
  • 函數(shù):返回[object Function]
  • Error 對(duì)象:返回[object Error]占拍。
  • Date 對(duì)象:返回[object Date]略就。
  • RegExp 對(duì)象:返回[object RegExp]
  • 其他對(duì)象:返回[object Object]晃酒。

tips: 簡(jiǎn)單封裝一個(gè)判斷類(lèi)型的函數(shù):

var type = function (o){
  var s = Object.prototype.toString.call(o);
  return s.match(/\[object (.*?)\]/)[1].toLowerCase();
};

2. 屬性描述對(duì)象

Object.defineProperty() 的作用表牢?它接受哪幾個(gè)參數(shù)?

Object.defineProperty()方法允許通過(guò)屬性描述對(duì)象贝次,定義或修改一個(gè)屬性崔兴,然后返回修改后的對(duì)象,如果屬性已經(jīng)存在,Object.defineProperty()方法相當(dāng)于更新該屬性的屬性描述對(duì)象敲茄。

Object.defineProperty方法接受三個(gè)參數(shù)位谋,依次如下。

  1. object:屬性所在的對(duì)象
  2. propertyName:字符串堰燎,表示屬性名
  3. attributesObject:屬性描述對(duì)象

其中第三個(gè)參數(shù)是屬性描述對(duì)象掏父,Object.defineProperty()和Object.defineProperties()參數(shù)里面的屬性描述對(duì)象,writable爽待、configurable损同、enumerable這三個(gè)屬性的默認(rèn)值都為false

  • value
  • writable
  • enumerable, 表示該屬性是否可遍歷
  • configurable鸟款, 表示可配置性
  • get
  • set

注意: 一旦定義了取值函數(shù)get(或存值函數(shù)set),就不能將writable屬性設(shè)為true茂卦,或者同時(shí)定義value屬性何什,否則會(huì)報(bào)錯(cuò)。

3. Array對(duì)象

為什么不建議使用new Array的方式生成新數(shù)組等龙?

Array構(gòu)造函數(shù)有一個(gè)很大的缺陷处渣,就是不同的參數(shù),會(huì)導(dǎo)致它的行為不一致

// 單個(gè)正整數(shù)參數(shù)蛛砰,表示返回的新數(shù)組的長(zhǎng)度
var arr = new Array(1);
console.log(arr); //[empty]

// 非正整數(shù)的數(shù)值作為參數(shù)罐栈,會(huì)報(bào)錯(cuò)
new Array(3.2) // RangeError: Invalid array length

// 多參數(shù)時(shí),所有參數(shù)都是返回的新數(shù)組的成員泥畅,該方式是正常情況
new Array(1, 2) // [1, 2]

數(shù)組中有哪些用于遍歷的方法荠诬?

  1. map
    • 返回新數(shù)組
    • 回調(diào)函數(shù)接受三個(gè)參數(shù):當(dāng)前成員、當(dāng)前位置和數(shù)組本身
    • map方法不會(huì)跳過(guò)undefined和null位仁,但是會(huì)跳過(guò)空位
    • 可以接受第二個(gè)參數(shù)柑贞,用來(lái)綁定回調(diào)函數(shù)內(nèi)部的this變量
  2. forEach
    • 不返回值,只用來(lái)操作數(shù)據(jù)
    • 回調(diào)函數(shù)接受三個(gè)參數(shù):當(dāng)前值聂抢、當(dāng)前位置钧嘶、整個(gè)數(shù)組
    • forEach方法不會(huì)跳過(guò)undefined和null,但會(huì)跳過(guò)空位
    • 可以接受第二個(gè)參數(shù)琳疏,用來(lái)綁定回調(diào)函數(shù)內(nèi)部的this變量
    • forEach方法無(wú)法中斷執(zhí)行有决,總是會(huì)將所有成員遍歷完
  3. filter
    • 過(guò)濾數(shù)組成員,滿(mǎn)足條件的成員組成一個(gè)新數(shù)組返回
    • 回調(diào)函數(shù)接受三個(gè)參數(shù):當(dāng)前成員空盼,當(dāng)前位置和整個(gè)數(shù)組
    • 可以接受第二個(gè)參數(shù)书幕,用來(lái)綁定參數(shù)函數(shù)內(nèi)部的this變量
  4. some, every
    • 返回一個(gè)布爾值
    • 可以接受第二個(gè)參數(shù)我注,用來(lái)綁定參數(shù)函數(shù)內(nèi)部的this變量
  5. reduce按咒,reduceRight
    • 返回一個(gè)值,依次處理數(shù)組的每個(gè)成員,最終累計(jì)為一個(gè)值
    • 回調(diào)函數(shù)接受以下四個(gè)參數(shù):累積變量(默認(rèn)數(shù)組第一項(xiàng))励七,當(dāng)前變量(默認(rèn)數(shù)組第二項(xiàng))智袭,當(dāng)前位置(從0開(kāi)始)原數(shù)組
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市掠抬,隨后出現(xiàn)的幾起案子吼野,更是在濱河造成了極大的恐慌,老刑警劉巖两波,帶你破解...
    沈念sama閱讀 206,482評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件瞳步,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡腰奋,警方通過(guò)查閱死者的電腦和手機(jī)单起,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,377評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)劣坊,“玉大人嘀倒,你說(shuō)我怎么就攤上這事【直” “怎么了测蘑?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,762評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵,是天一觀(guān)的道長(zhǎng)康二。 經(jīng)常有香客問(wèn)我碳胳,道長(zhǎng),這世上最難降的妖魔是什么沫勿? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,273評(píng)論 1 279
  • 正文 為了忘掉前任挨约,我火速辦了婚禮,結(jié)果婚禮上藕帜,老公的妹妹穿的比我還像新娘烫罩。我一直安慰自己,他們只是感情好洽故,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,289評(píng)論 5 373
  • 文/花漫 我一把揭開(kāi)白布贝攒。 她就那樣靜靜地躺著,像睡著了一般时甚。 火紅的嫁衣襯著肌膚如雪隘弊。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,046評(píng)論 1 285
  • 那天荒适,我揣著相機(jī)與錄音梨熙,去河邊找鬼。 笑死刀诬,一個(gè)胖子當(dāng)著我的面吹牛咽扇,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 38,351評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼质欲,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼树埠!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起嘶伟,我...
    開(kāi)封第一講書(shū)人閱讀 36,988評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤怎憋,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后九昧,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體绊袋,經(jīng)...
    沈念sama閱讀 43,476評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,948評(píng)論 2 324
  • 正文 我和宋清朗相戀三年铸鹰,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了癌别。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,064評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡掉奄,死狀恐怖规个,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情姓建,我是刑警寧澤,帶...
    沈念sama閱讀 33,712評(píng)論 4 323
  • 正文 年R本政府宣布缤苫,位于F島的核電站速兔,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏活玲。R本人自食惡果不足惜涣狗,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,261評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望舒憾。 院中可真熱鬧镀钓,春花似錦、人聲如沸镀迂。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,264評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)探遵。三九已至窟赏,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間箱季,已是汗流浹背涯穷。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,486評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留藏雏,地道東北人拷况。 一個(gè)月前我還...
    沈念sama閱讀 45,511評(píng)論 2 354
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親赚瘦。 傳聞我的和親對(duì)象是個(gè)殘疾皇子粟誓,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,802評(píng)論 2 345

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