方法:1、使用“Array.from(object)”語(yǔ)句,;2、使用“Object.values(object)”語(yǔ)句;3、使用“Object.keys(object)”語(yǔ)句;4、使用“Object.entries(object)”語(yǔ)句。
本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
javascript對(duì)象轉(zhuǎn)數(shù)組
1、Array.from() 方法,用于數(shù)組的淺拷貝。就是將一個(gè)類數(shù)組對(duì)象或者可遍歷對(duì)象轉(zhuǎn)換成一個(gè)真正的數(shù)組。
eg:
let obj = { 0: ‘nihao‘, 1: ‘haha‘, 2: ‘gansha‘, ‘length‘: 3 } let arr = Array.from(obj) console.log(arr);
tips: 1. object中必須有l(wèi)ength屬性,返回的數(shù)組長(zhǎng)度取決于length長(zhǎng)度
2.key 值必須是數(shù)值
2、Object.values(object)
tips:與第一種不同的是不需要length屬性,返回一個(gè)對(duì)象所有可枚舉屬性值
這里簡(jiǎn)單說(shuō)一下可枚舉性。目前我還沒(méi)理解這個(gè)可枚舉性有什么用,大概意思就是
對(duì)象的每一個(gè)屬性都有一個(gè)描述對(duì)象,用來(lái)描述和控制該屬性的行為,用Object.getOwnPropertyDescriptor方法來(lái)獲取該描述對(duì)象(用Object.defineProperty方法來(lái)設(shè)置)。
以后仔細(xì)研究之后會(huì)再好好寫寫這個(gè)可枚舉性的!
eg:
let obj = { 0: ‘nihao‘, 1: ‘haha‘, 2: ‘gansha‘, } let arr = Object.values(obj) console.log(arr);
3、Object.keys(object)
tips:返回一個(gè)對(duì)象的自身可枚舉屬性組成的數(shù)組,數(shù)組中屬性名的排列順序和使用 for…in 循環(huán)遍歷該對(duì)象時(shí)返回的順序一致
let obj = { 0: ‘nihao‘, 1: ‘haha‘, 2: ‘gansha‘, } let arr = Object.keys(obj) console.log(arr);
4、Object.entries(object)
tips:返回一個(gè)給定對(duì)象自身可枚舉屬性的鍵值對(duì)數(shù)組
let obj = { 0: ‘nihao‘, 1: ‘haha‘, 2: ‘gansha‘, } let arr = Object.entries(obj) console.log(arr);
【