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

