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"]
相关推荐
大树8813 分钟前
金刚石散热越强,管路越先见顶
大数据·运维·服务器·人工智能·ai
竹林81816 分钟前
Web3表单签名验证:我用 wagmi 和 ethers 给 DApp 加了一个“免密登录”,踩坑记录全在这了
javascript
摇滚侠17 分钟前
Linux CentOS7 rpm 安装 MySQL 5.7
linux·运维·mysql
用户69903048487518 分钟前
try catch使用场景 处理同步代码错误兼容用的
javascript·uni-app
雪碧聊技术21 分钟前
Tree.js是什么?一文讲透
开发语言·javascript·ecmascript
bush443 分钟前
嵌入式linux学习记录十四、术语
linux·嵌入式
VidDown1 小时前
VidDown 工具站:免费、本地优先的开发者工具箱
javascript·编辑器·音视频·视频编解码·视频
载数而行5201 小时前
Linux 11 动态监控指令top
linux
小宇宙Zz1 小时前
Maven依赖冲突
java·服务器·maven
触底反弹2 小时前
🚀 手把手用 HTML5 Canvas 从零打造飞机大战游戏,代码全开源!
前端·javascript·canvas