JavaScript教程:遍历对象的属性-Object.keys() 和 Object.values()

提出问题

有下面对象:

const person = {
    name:"李雷",
    age:20,
    sex:'男'
}

实现以下功能:

  • 需要获取 所有属性名,并将 属性名 组成一个数组
  • 需要获取 所有属性值,并将 属性值 组成一个数组

解决-遍历方式

复杂麻烦

const keys = new Array()
const values = new Array()
for(let item in person){
    keys.push(item)
    values.push(person[item])
}n)

console.log("keys:",keys)
console.log("values",values)

解决-推荐

使用 Object.keys() 快速获取 对象的 所有属性名
使用 Object.values() 快速获取 对象的 所有属性值

Object.keys()

Object.keys( 对象 )

返回值:返回 数组类型,该数组的元素是 对象 中的 所有属性名

Object.values()

Object.values( 对象 )

返回值:返回 数组类型,该数组的元素是 对象 中的 所有属性值

例子

const person = {
    name:"李雷",
    age:20,
    sex:'男'
}

const keys = Object.keys(person)
const values = Object.values(person)

console.log("keys:",keys)
console.log("values",values)

执行结果如下图:


原文出处:/show_1IX6MG3FkMWs.html