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]) // 获取到属性对应的值,做一些处理
    })

打印的结果:

相关推荐
陈随易1 小时前
Postman 被曝自动往 Claude Code 和 Codex 装插件
前端·后端·程序员
Dream-Y.ocean3 小时前
鸿蒙PC平台宅匠 3D 室内设计适配实战:基于 Electron 壳方案的 Three.js 双渲染引擎与参数化户型编辑器开发
javascript·3d·harmonyos
Csvn4 小时前
性能监控
前端
Highcharts.js4 小时前
Highcharts Gantt使用符号的自定义数据标签开发甘特图示例
javascript·甘特图·highcharts·图表开发·实战代码·响应式图表
Csvn4 小时前
构建工具
前端
FRing035 小时前
vue2干货总结3(computed计算属性、watch监听器)
开发语言·前端·vue.js·vue2
kyriewen7 小时前
Skills 榜前 10 我全装了:只有 3 个能直接用
前端·javascript·程序员
IT_陈寒7 小时前
当Java的hashCode遇上Lombok,我的缓存被全清了
前端·人工智能·后端
工控丫丫8 小时前
帆软看板中经常使用的公式函数及经常搭的组合
前端·javascript·数据库
jerrywus8 小时前
我用 GPT-6.1-sol 做了台会讲解的 3D 售货机:60 罐饮料,一口没喝上
前端·agent·claude