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

打印的结果:

相关推荐
Hilaku几秒前
我为什么觉得 React 正在逐渐失去吸引力?
前端·react.js·前端框架
用户52709648744903 分钟前
🎨 Stylelint:让你的 CSS 代码优雅如诗
前端
日升3 分钟前
AI 组件库-MateChat 组件大全与主题定制
前端·ai编程·trae
张成AI3 分钟前
A2A JS SDK 完整教程:快速入门指南
javascript·agent·a2a
龚思凯6 分钟前
TypeScript 中 typeof 的全面解析:从基础用法到高级技巧
前端·typescript
itslife7 分钟前
实现 render 函数 - 初始化更新队列
前端·react.js·前端框架
baozj8 分钟前
一次表单数据复用引发的 Bug:理解 Vue 中的 data 为何是函数
前端·javascript·vue.js
LRH10 分钟前
JS基础 - instanceof 理解及手写
前端·javascript
leefirm11 分钟前
node 切换版本,每次打开都是切换前的版本怎么办?Node.js 版本管理神器 NVM 完全使用指南
前端
kangyouwei13 分钟前
鸿蒙开发:18-hilogtool命令的使用
前端·harmonyos