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

打印的结果:

相关推荐
做好一个小前端7 小时前
后端接口获取到csv格式内容并导出,拒绝乱码
前端·javascript·html
第七种黄昏7 小时前
前端面试-箭头函数
前端·面试·职场和发展
Youyzq7 小时前
前端box-shadow出现兼容性问题如何处理
前端
携欢7 小时前
PortSwigger靶场之将 XSS 存储到onclick带有尖括号和双引号 HTML 编码以及单引号和反斜杠转义的事件中通关秘籍
前端·html·xss
三小河7 小时前
工作中的Ai工具汇总
前端
mapbar_front8 小时前
react项目开发—关于代码架构/规范探讨
前端·react.js
二木一夕8 小时前
Vue 3 的组合式 API和传统选项式 API区别(vue2转vue3,两者差异)
前端
LuckySusu8 小时前
【vue篇】Vue 项目中的静态资源管理:assets vs static 终极指南
前端·vue.js
LuckySusu8 小时前
【vue篇】Vue.delete vs delete:数组删除的“陷阱”与正确姿势
前端·vue.js
LuckySusu8 小时前
【vue篇】Vue 模板编译原理:从 Template 到 DOM 的翻译官
前端·vue.js