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"]
相关推荐
伟大的兔神19 分钟前
我做了一个本地优先的 AI 图片工作台:Loomora v1.0.0 正式发布
前端·javascript·vue.js
三言老师30 分钟前
K8s集群运行时自动化运维全覆盖落地实操(下)
linux·运维·服务器·网络
Super 含1 小时前
Android 启动优化(五):线程、GC 与 IO 为什么会拖慢启动?
java·服务器·数据库
ltl2 小时前
HAProxy HTX 与 HTTP 路径:内部表示、改写落点与协议分叉
linux
ltl2 小时前
可拆分 OS:CXL 内存池化如何动摇本地 DRAM 假设
linux
ltl2 小时前
Tetragon 强制执行:Override 与 SIGKILL 各自保证什么
linux
lengjingzju2 小时前
编译与调试完全指南—第6章 性能分析工具
linux
土星云SaturnCloud2 小时前
产线SOP动作级AI监管方案:土星云SE110S-WC8赋能合规识别、预警与效率分析
大数据·服务器·人工智能·ai·边缘计算
fangzhanpeng1683 小时前
(前端)2.js变量作用域样例
开发语言·前端·javascript
躺不平的理查德3 小时前
嵌入式 Linux 系统移植与 SD 卡量产镜像制作
linux·运维·服务器