JavaScript中Object.values()的用法舉例
Object.keys()
一、官方定義
Object.values() 方法返回一個(gè)給定對(duì)象自身的所有可枚舉屬性值的數(shù)組,值的順序與使用 for…in 循環(huán)的順序相同(區(qū)別在于 for-in 循環(huán)枚舉原型鏈中的屬性)。
二、語(yǔ)法
Object.values(obj)
參數(shù)
obj
被返回可枚舉屬性值的對(duì)象。
返回值
一個(gè)包含對(duì)象自身的所有可枚舉屬性值的數(shù)組。
描述
Object.values() 返回一個(gè)數(shù)組,其元素是在對(duì)象上找到的可枚舉屬性值。屬性的順序與通過(guò)手動(dòng)循環(huán)對(duì)象的屬性值所給出的順序相同。
三、舉例說(shuō)明
例子一
var obj1 = {name: '光頭強(qiáng)', age: '18', height: '177'} const list1 = Object.values(obj1); console.log(list1) // 得到: ['光頭強(qiáng)', '18', '177']
例子二
var obj2 = { gtq: {name: '光頭強(qiáng)',age: '18',height: '177'}, xd: {name: '熊大',age: '12',height: '190'}, xe: {name: '熊二',age: '10',height: '188'} } const list2 = Object.values(obj2); console.log(list2) // 得到: /** * [ * {name: '光頭強(qiáng)', age: '18', height: '177'}, * {name: '熊大', age: '12', height: '190'}, * {name: '熊二', age: '10', height: '188'} * ] * */
例子三
// 例子三 // 也可以配合循環(huán)講相同的數(shù)組結(jié)核 var obj3 = [ {dhp:'熊出沒(méi)',name:"光頭強(qiáng)",age:'18',tall:'170'}, {dhp:'熊出沒(méi)',name:"熊大",age:'12',tall:'190'}, {dhp:'熊出沒(méi)',name:"熊二",age:'10',tall:'188'}, {dhp:'羊村記事',name:"喜洋洋",age:'8',tall:'60'}, {dhp:'羊村記事',name:"沸羊羊",age:'9',tall:'80'}, {dhp:'羊村記事',name:"懶洋洋",age:'10',tall:'60'}, {dhp:'西游記',name:"孫悟空",age:'500',tall:'130'}, {dhp:'西游記',name:"豬八戒",age:'150',tall:'140'}, {dhp:'西游記',name:"白龍馬",age:'200',tall:'150'} ] // 封裝一個(gè)方法 function getNewList(data) { let newObj = {} obj3.forEach((item, index) => { // 解構(gòu)出每一個(gè)對(duì)象里面 dhp字段的值---值值值 let { dhp } = item // 如果在這個(gè)新對(duì)象里面沒(méi)有找到,則新增一個(gè)對(duì)象 if (!newObj[dhp]) { // 重構(gòu)對(duì)象 newObj[dhp] = { dhp, children: [], } } // 如果在對(duì)象里面找到有相同的 dhp 字段的值,則Push進(jìn)入children里面 newObj[dhp].children.push(item) }) let newArr = Object.values(newObj) return newArr } const list3 = getNewList(obj3); console.log(list3)
打印結(jié)果:
總結(jié)
到此這篇關(guān)于JavaScript中Object.values()用法的文章就介紹到這了,更多相關(guān)Object.values()用法內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScript使用indexOf獲得子字符串在字符串中位置的方法
這篇文章主要介紹了JavaScript使用indexOf獲得子字符串在字符串中位置的方法,涉及javascript中indexOf方法操作字符串的技巧,需要的朋友可以參考下2015-04-04JS實(shí)現(xiàn)table表格內(nèi)針對(duì)某列內(nèi)容進(jìn)行即時(shí)搜索篩選功能
這篇文章主要介紹了JS實(shí)現(xiàn)table表格內(nèi)針對(duì)某列內(nèi)容進(jìn)行即時(shí)搜索篩選功能,涉及javascript針對(duì)HTML元素的遍歷、屬性動(dòng)態(tài)修改相關(guān)操作技巧,需要的朋友可以參考下2018-05-05JavaScript實(shí)現(xiàn)刪除,移動(dòng)和復(fù)制文件的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)刪除,移動(dòng)和復(fù)制文件的方法,涉及javascript使用ActiveXObject控件操作文件的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08微信小程序?qū)崿F(xiàn)動(dòng)態(tài)渲染Markdown示例詳解
這篇文章主要為大家介紹了微信小程序?qū)崿F(xiàn)動(dòng)態(tài)渲染Markdown示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08微信小程序使用webview頁(yè)面轉(zhuǎn)pdf文件代碼示例
工作需求,將webview的內(nèi)容導(dǎo)出到pdf輸出,下面這篇文章主要給大家介紹了關(guān)于微信小程序使用webview頁(yè)面轉(zhuǎn)pdf文件的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-09-09