object.key()用法

object.key(obj)

一、概念:返回一个由一个给定对象的自身可枚举属性组成的数组。

二、用法:

1、参数为对象:则返回为 对象属性名组成的数组。

TypeScript 复制代码
    let obj = {'日期':'date',姓名:'userName','地址':'address'}
    console.log(Object.keys(obj)) 
     // 打印结果:['日期','姓名','地址']

2、参数为数组:返回值为参数的索引数组

TypeScript 复制代码
    let arr = ['日期', '姓名', '地址']
    console.log(Object.keys(arr))
    // 打印结果:['0','1','2']

3、 参数为字符串:返回值为字符串索引的数组

TypeScript 复制代码
    let str = "saasd字符串"
    console.log(Object.keys(str))
    //  ['0','1','2','3','4','5','6','7']

4、 判断对象是否为空

TypeScript 复制代码
 // 方法一:
        var obj = {};
        if (Object.keys(obj).length === 0) {
            console.log('空对象');
        }

   // 方法二:
        var obj = {};
        var a = (JSON.stringify(obj) == "{}");
        console.log('a');//true

5、实用技巧

TypeScript 复制代码
    let person = { name: "姓名", age: '年龄', address: "地址", getName: function () { } }
    Object.keys(person).map((key) => {
        console.log(person[key]) // 获取到属性对应的值,做一些处理
    })

打印的结果:

相关推荐
掘金安东尼2 分钟前
从平面到空间:用 React Three Fiber 构建 3D 产品网格
前端·javascript·面试
小时前端2 分钟前
HTTPS 页面加载 HTTP 脚本被拦?同源代理来救场
前端·https
用户683709359552 分钟前
在 Rokid AR 眼镜里玩消消乐:基于 Unity 2022 LTS + UXR 3.0 SDK 的轻量级 AR 游戏尝试
前端
zzjyr4 分钟前
@umijs/max 中导出的 request 方法,如何实现 GET/POST/PUT/DELETE 这四种核心请求
前端
swipe4 分钟前
#用这 9 个浏览器 API,我把页面从“卡成 PPT”救回到 90+(每个都有能直接抄的例子)
前端·javascript·面试
zzjyr6 分钟前
基于 @umijs/max 的 request 补充常见错误统一处理、请求取消、重复请求防抖的完整方案
前端
willow7 分钟前
html5基础整理
html
拖拉斯旋风18 分钟前
深入浅出 RAG:从网页爬取到智能问答的完整链路解析
前端
Mintopia31 分钟前
Vite 发展现状与回顾:从“极致开发体验”到生态基础设施
前端
前端双越老师1 小时前
前端面试常见的 10 个场景题
前端·面试·求职