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

打印的结果:

相关推荐
xiaohe060119 分钟前
📖 每一份收获都值得被纪念:小何的 2025 年度总结
前端·年终总结
社恐的下水道蟑螂23 分钟前
深入理解 React 中的 Props:组件通信的桥梁
前端·javascript·react.js
青莲84324 分钟前
Java基础篇——第三部
java·前端
社恐的下水道蟑螂29 分钟前
LangChain:AI 应用开发框架的深度解析与实践指南
前端·langchain·ai编程
凌览30 分钟前
2025年,我和AI合伙开发了四款小工具
前端·javascript·后端
青莲84332 分钟前
Java基础篇——第一部
android·前端
留简34 分钟前
从零搭建一个现代化后台管理系统:基于 React 19 + Vite + Ant Design Pro 的最佳实践
前端·react.js
小满zs40 分钟前
Next.js第十八章(静态导出SSG)
前端·next.js
CAN117742 分钟前
快速还原设计稿之工作流集成方案
前端·人工智能
A242073493043 分钟前
深入浅出JS事件:从基础原理到实战进阶全解析
开发语言·前端·javascript