js獲取對(duì)象中所有屬性的四種方法
方法一:for...in
循環(huán)遍歷對(duì)象的所有屬性,并逐個(gè)輸出它們的值;每次執(zhí)行時(shí),都會(huì)將一個(gè)屬性名賦值給所定義的變量
let obj = {
name: 'zs',
age: 18,
gender: '男',
address: '北京'
}
//輸出對(duì)象內(nèi)的屬性名??
for (let propName in obj) {
console.log(propName);//打印??屬性名-->name age gender address
}
//輸出對(duì)象內(nèi)的屬性值??
for (let propName in obj) {
console.log(obj[propName]);//打印??屬性值-->zs 18 男 北京
}方法二:Object.keys()
輸出一個(gè)對(duì)象的所有屬性名,該方法返回一個(gè)數(shù)組,數(shù)組內(nèi)包括對(duì)象內(nèi)可枚舉屬性
let obj = {
name: 'zs',
age: 18,
gender: '男',
address: '北京'
}
let arr = Object.keys(obj)
console.log(arr);//打印??['name', 'age', 'gender', 'address']方法三:Object.values()
輸出一個(gè)對(duì)象的所有屬性值。該方法返回一個(gè)數(shù)組,數(shù)組內(nèi)包含對(duì)象自身所有可枚舉屬性值。
let obj = {
name: 'zs',
age: 18,
gender: '男',
address: '北京'
}
let arr = Object.values(obj)
console.log(arr);//打印??['zs', 18, '男', '北京']方法四:for...of
主要用于遍歷可迭代對(duì)象(包括數(shù)組、Set、Map、字符串等)
這種循環(huán)語(yǔ)句遍歷的是對(duì)象的值,而不是鍵。因此,我們?cè)谑褂?for...of 循環(huán)時(shí),可以直接獲得每個(gè)元素的值,而不需要通過下標(biāo)或?qū)傩悦麃碓L問。
let arr = [1, 2, 3]
for (let value of arr) {
console.log(value);
// 輸出結(jié)果為:
// 1
// 2
// 3
}
for (let value of 'hei') {
console.log(value);
// 輸出結(jié)果為:
// h
// e
// i
}總結(jié)
到此這篇關(guān)于js獲取對(duì)象中所有屬性的四種方法的文章就介紹到這了,更多相關(guān)js獲取對(duì)象所有屬性內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
深入淺析JavaScript系列(13):This? Yes,this!
在這篇文章里,我們將討論跟執(zhí)行上下文直接相關(guān)的更多細(xì)節(jié)。討論的主題就是this關(guān)鍵字。實(shí)踐證明,這個(gè)主題很難,在不同執(zhí)行上下文中this的確定經(jīng)常會(huì)發(fā)生問題2016-01-01
文本框(input)獲取焦點(diǎn)(onfocus)時(shí)樣式改變的示例代碼
本篇文章主要是對(duì)文本框(input)獲取焦點(diǎn)(onfocus)時(shí)樣式改變的示例代碼進(jìn)行了詳細(xì)的介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2014-01-01
微信小程序 點(diǎn)擊切換樣式scroll-view實(shí)現(xiàn)代碼實(shí)例
這篇文章主要介紹了微信小程序 點(diǎn)擊切換樣式scroll-view實(shí)現(xiàn)代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10
JavaScript 中判斷變量是否為數(shù)字的示例代碼
這篇文章主要介紹了JavaScript 中判斷變量是否為數(shù)字的示例代碼,代碼簡(jiǎn)單易懂對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-10-10
微信小程序開發(fā)之大轉(zhuǎn)盤 仿天貓超市抽獎(jiǎng)實(shí)例
本篇文章主要介紹了微信小程序開發(fā)之大轉(zhuǎn)盤 仿天貓超市抽獎(jiǎng)實(shí)例,這里整理了詳細(xì)的代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。2016-12-12
JavaScript中Array.map()的使用與技巧分享(附實(shí)際應(yīng)用代碼)
Array.map()適合需要返回新數(shù)組、進(jìn)行鏈?zhǔn)秸{(diào)用或不修改原數(shù)組的場(chǎng)景,它與forEach()的區(qū)別在于有返回值,基本語(yǔ)法中,callback函數(shù)處理每個(gè)元素并返回新值,本文介紹了JavaScript中Array.map()的使用與技巧分享(附實(shí)際應(yīng)用代碼),需要的朋友可以參考下2025-02-02
js cookies實(shí)現(xiàn)簡(jiǎn)單統(tǒng)計(jì)訪問次數(shù)
js cookies實(shí)現(xiàn)簡(jiǎn)單統(tǒng)計(jì)訪問次數(shù)的實(shí)現(xiàn)代碼。主要是掌握js對(duì)cookies的操作。2009-11-11
JS實(shí)現(xiàn)仿FLASH效果的豎排導(dǎo)航代碼
這篇文章主要介紹了JS實(shí)現(xiàn)仿FLASH效果的豎排導(dǎo)航代碼,涉及JavaScript基于定時(shí)函數(shù)動(dòng)態(tài)設(shè)置頁(yè)面元素樣式的技巧,具有FLASH變換效果,需要的朋友可以參考下2015-09-09

