教你javascript如何獲取對象的key和value
1、獲取key值
獲取對象所有key的方法，需要使用 Object.keys(obj) 方法,Object.keys(obj)方返回一個數(shù)組，這個數(shù)組包含obj對象中的所有key。
其中obj就是你寫的對象，具體使用方法如下圖：
2、獲取value值
獲取對象所有value的方法，需要使用 Object.values(obj) 方法,Object.value(obj)方返回一個數(shù)組，這個數(shù)組包含obj對象中的所有value。
其中obj就是你寫的對象，具體使用方法如下圖：
3、同時(shí)獲取key值和value值
for in 循環(huán)遍歷對象 （for in 和 for of 的區(qū)別請?zhí)D(zhuǎn)至for in 和 for of）
var obj={age:20,name:'rose',gender:'女'}
如果想遍歷對象obj中的所有鍵（key)、值（value），一般是用以下方式
for(var key in obj){
console.log(key,obj[key])
}
結(jié)果：
age 20
name rose
gender nv以上內(nèi)容到此結(jié)束，下面用其他示例介紹下js 獲取對象的key和value
js 獲取對象的key和value
獲取對象的 keys 數(shù)組：Object.keys(obj)
獲取對象的 values 數(shù)組：Object.values(obj)
let obj = {
name: '張三',
age: 30,
sex: '男'
}
console.log(obj)
console.log(Object.keys(obj))
console.log(Object.values(obj))
獲取 keys的第一個: Object.keys(obj)[0] // name
到此這篇關(guān)于javascript如何獲取對象的key和value的文章就介紹到這了,更多相關(guān)js獲取對象key和value內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Javascript實(shí)現(xiàn)Web顏色值轉(zhuǎn)換
這篇文章主要介紹了Javascript實(shí)現(xiàn)Web顏色值轉(zhuǎn)換,需要的朋友可以參考下2015-02-02
javascript實(shí)現(xiàn)簡單倒計(jì)時(shí)效果
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)倒計(jì)時(shí)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
關(guān)于JavaScript中原型繼承中的一點(diǎn)思考
JS中原型的概念不想多說，這里只是探討一下修改父類原型屬性與覆蓋父類原型中屬性的區(qū)別，防止以后出問題2012-07-07
JavaScript 實(shí)現(xiàn)自己的安卓手機(jī)自動化工具腳本(推薦)
這篇文章主要介紹了 JavaScript 實(shí)現(xiàn)自己的安卓手機(jī)自動化工具腳本,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-05-05
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)文字跑馬燈效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-02-02
這篇文章主要給大家介紹了關(guān)于ES6小技巧之代替lodash的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用ES6具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
javascript宿主對象之window.navigator詳解
這篇文章主要為大家詳細(xì)介紹了javascript宿主對象之window.navigator，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
layui獲取選中行數(shù)據(jù)的實(shí)例講解
今天小編就為大家分享一篇layui獲取選中行數(shù)據(jù)的實(shí)例講解，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
js實(shí)現(xiàn)QQ面板拖拽效果（慕課網(wǎng)DOM事件探秘）（全）
這篇文章主要為大家詳細(xì)介紹了QQ面板拖拽效果，探秘慕課網(wǎng)DOM事件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-09-09
這篇文章主要介紹了淺談Javascript線程及定時(shí)機(jī)制的相關(guān)資料,需要的朋友可以參考下2015-07-07