js中使用Object.keys()和Object.values()的方法是什么

小編給大家分享一下js中使用Object.keys()和Object.values()的方法是什么，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

在之前的文章【如何使用Object.entries()方法】中我們了解到使用entries()方法可以把對(duì)象的[key，value]對(duì)作為數(shù)組元素，以數(shù)組的形式遍歷輸出。那如果只是想要數(shù)組的形式遍歷[key，value]對(duì)中單個(gè)key值或者value值要怎么實(shí)現(xiàn)？

Object.keys()方法

Object.keys()方法可以將一個(gè)對(duì)象作為參數(shù)，然后把這個(gè)對(duì)象[key，value]對(duì)中的key值以數(shù)組的形式遍歷出來(lái)。

基本語(yǔ)法：

Object.keys(obj)

Object.values()方法

Object.values()方法可以將一個(gè)對(duì)象作為參數(shù)，然后把這個(gè)對(duì)象[key，value]對(duì)中的value值以數(shù)組的形式遍歷出來(lái)。

基本語(yǔ)法：

Object.values(obj)

Object.entries()和Object.values()方法的使用

1、列出對(duì)象所有的key屬性或者value屬性，例：

var obj ={ name: '小明', age: '20歲', sex: '男' };
console.log(Object.keys(obj));
console.log(Object.values(obj));

輸出：

可以看出，使用Object.keys()方法遍歷key，輸出：name，age，sex；使用Object.values()方法遍歷value，輸出：小明，20歲，男。

2、列出對(duì)象中指定的key屬性或者value屬性，例：

var obj ={ name: '小明', age: '20歲', sex: '男' };
console.log(Object.keys(obj)[0]);
console.log(Object.values(obj)[0]);

輸出：

可以看出，指定返回對(duì)象的第1個(gè)[key，value]對(duì)里的key值“name”，第1個(gè)[key，value]對(duì)里的value值“小明”。

3、根據(jù)隨機(jī)key值，返回有序的值

var obj ={ 70: 'x', 20: 'y', 35: 'z' };
console.log(Object.keys(obj));
console.log(Object.values(obj));

輸出：

以上是js中使用Object.keys()和Object.values()的方法是什么的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！