JS使用Object.keys

语法

Object.keys(obj)返回一个由给定对象自身的可枚举的字符串键属性名组成的数组。

参数:要返回其枚举自身属性的对象

返回值:一个表示给定对象的所有可枚举属性的字符串数组

处理对象,返回可枚举的属性数组

javascript 复制代码
let person = {
	name:"张三",
	age:25,
	sex:"男",
	getName:function(){}
}

Object.keys(person) // ["name", "age", "sex","getName"]

处理数组,返回索引值数组

javascript 复制代码
let arr = [1,2,3,4,5,6]

Object.keys(arr) // ["0", "1", "2", "3", "4", "5"]

处理字符串,返回索引值数组

javascript 复制代码
let str = "javascript"

Object.keys(str) // ["0", "1", "2", "3", "4", "5", "6", "7","8","9"]

常用技巧

javascript 复制代码
let person = {
	name:"张三",
	age:25,
	sex:"男",
	getName:function(){}
}

Object.keys(person).map((key)=>{
  person[key] // 获取到属性对应的值
}) 

Object.values()和Object.keys()是相反的操作,把一个对象的值转换为数组

javascript 复制代码
let str = "javascript"

Object.values(str) // ["j", "a", "v", "a","s","c","r","i","p","t"]
相关推荐
腾科IT教育7 小时前
Oracle认证怎么选?2026年OCP/OCM报考指南
linux·运维·华为认证·hcie·开闭原则·datacom
To_OC7 小时前
我被 useState 坑了两次之后,终于把它的脾气摸透了
前端·javascript·react.js
longerxin202011 小时前
nano编辑器插入、编辑完整操作教程(Linux日志/配置专用)
linux·运维·编辑器
kyriewen12 小时前
我review了一份Vibe Coding写的前端代码——能跑,但5个地方迟早要命
前端·javascript·ai编程
听风34714 小时前
Arch Linux 软件安装完全指南
linux·运维·archlinux·pacman
Hilaku14 小时前
为什么在 2026 年,MPA(多页面应用)正在悄悄复辟?
前端·javascript·程序员
悟空瞎说14 小时前
iOS 高效绘图
javascript
韩楚风14 小时前
【参天引擎】一次宕机后的数据恢复,让我把 Cantian 持久化与恢复的六大机制全搞明白了
服务器·网络·数据库·分布式·mysql·架构·cantian
触底反弹15 小时前
🔥 从 MySQL 到 Milvus:用 AI 日记本项目搞懂向量数据库和 RAG
javascript·人工智能·面试
网络安全零基础教程15 小时前
网络安全春招面试避坑与复盘指南
linux·网络·安全·web安全·面试·职场和发展