本文将演示如何提取对象第一个属性的键(键值对)。

目录

1.在JavaScript中获取对象的第一个键名

2.用于object.entries()在JavaScript 中获取对象的第一个键名

3.用于object.keys()在JavaScript 中获取对象的第一个键名

4.结论


1.在JavaScript中获取对象的第一个键名

让我们举个例子来理解这一点。

在这里,我们创建了一个具有三个属性的对象并将其存储在一个变量obj中。我们将从这个对象中得到第一个key,即。foo

const obj = { foo: 'bar', baz: 42, man: true };

要从key对象中获取,我们可以使用JavaScript 中 Object 类提供的方法entires和方法。keys()

2.用于object.entries()在JavaScript 中获取对象的第一个键名

该object.entries()方法的工作是从对象中获取每个键值对并将这些键值对转换为一个数组并将它们存储在一个大数组中。此方法只接受一个参数,即对象本身。

因此,如果我们在此方法中传递上面创建的对象,我们将有一个数组作为输出。

console.log(Object.entries(obj));

输出: 

 

使用索引从这个数组中访问第一个键变得很容易。为此,我们将使用[0]afterentries()方法来访问数组的第一个属性,即['foo', 'bar'].

还有另一个包含两个元素的数组foobar,我们要访问foo[0]因此,我们将为此使用另一个。

这就是我们Object.entries()在 JavaScript 中访问对象的第一个键的方式。

3.用于object.keys()在JavaScript 中获取对象的第一个键名

在 JavaScript 中获取对象的第一个键的另一种方法是使用Object.keys()方法。此方法的工作原理与方法类似entries(),它还返回一个数组。

唯一的区别是该Object.keys()方法只返回对象的键而不是值。此方法还接受一个参数,即对象本身。

Object.keys(obj);

现在,从这个数组中获取第一个键很简单。我们只需要使用索引访问数组的第零个索引,如下所示。

4.结论

和方法用于获取 JavaScript 中对象的第一个键Object.entries()Object.keys()这两种方法都返回一个数组。

Object.entries()方法返回键和值,而该Object.keys()方法只返回键。

在 JavaScript 中获取对象的第一个键名相关推荐

  1. 如何在Javascript中访问对象的第一个属性?

    本文翻译自:How to access the first property of an object in Javascript? Is there an elegant way to access ...

  2. js Javascript中调用对象内函数.(字符串函数名)

    对象['methodName'](args): window.οnlοad=function(){ //函数名字符串 var methodsName='plus'var x = cal[methods ...

  3. 如何检查数组是否包含JavaScript中的对象?

    In this article, we will look at various methods to check if an array includes an object in JavaScri ...

  4. 对象删除某个属性_充分了解JavaScript中【对象】的概念(二)

    点击上方「蓝字」关注我们 之前的文章: 充分了解JavaScript中[对象]的概念(一) 这篇文章我们继续来讲解JavaScript中[对象]的概念,因为这是一系列的文章,所以建议从第一篇文章开始看 ...

  5. Javascript中的对象拷贝(对象复制/克隆)

    Javascript中的对象拷贝(对象复制/克隆) 李俊才 CSDN:jcLee95 邮箱:291148484@163.com 1. 对象的引用 要说"拷贝"还要先说"引 ...

  6. 如何在 JavaScript 中获取当前日期?

    问: 想要改进这篇文章?提供这个问题的详细答案,包括引文和解释为什么你的答案是正确的.没有足够细节的答案可能会被编辑或删除. 如何在 JavaScript 中获取当前日期? 答1: HuntsBot周 ...

  7. java+script+当前日期_如何在JavaScript中获取当前日期?

    如何在JavaScript中获取当前日期? #1楼 您可以使用扩展了 Date对象的Date.js库,从而可以使用.today()方法. #2楼 如果您想对日期格式进行更多的粒度控制,我强烈建议您查看 ...

  8. 创建健壮的isArray()函数(JavaScript中判断对象类型的种种方法)

    我们知道,JavaScript中检测对象类型的运算符有:typeof.instanceof,还有对象的constructor属性: 1) typeof 运算符 typeof 是一元运算符,返回结果是一 ...

  9. 检查值是否是JavaScript中的对象

    如何检查值是否是JavaScript中的Object? #1楼 尝试这个 if (objectName instanceof Object == false) {alert('Not an objec ...

最新文章

  1. EL之GB(GBR):利用GBR对回归问题(实数值评分预测)建模
  2. 一线大厂Java开发所需掌握的技能要点汇总
  3. C# Winform 窗体美化(六、双层窗体)
  4. 云麦体脂秤华为体脂秤_华为、小米和有品体脂秤哪个品牌好?三款智能体脂秤横评结果排行...
  5. 前后端交互总结2:使用PHP进行表单数据上传与更新
  6. python飞机大战类_python微信飞机大战
  7. ubuntu下如何对接斗鱼直播
  8. JLINK 驱动安装和配置ADS使用,ADX调试
  9. 家用无线漫游组网设置-亲测可用
  10. The credentials mode of request initiated by the XMLHttpRequest is controlled by the withCredentials
  11. 史上最搞笑的程序员段子,你看懂了吗?
  12. 均值-方差模型实现及应用_python_数据分析_9
  13. 软件构造习题课一的要点记录
  14. 公众号如何靠互推涨粉
  15. 创业中的“投名状”—leo看赢在中国(2)
  16. 快速入门ESP32的硬件设计原理以及典型应用案例UART串口转WIFI智能硬件,以及ESP32-Lyra(智能音频台)设计方案。
  17. 道路交通流量监控学习笔记(一)
  18. 基于阿米巴经营模式的电商平台研发
  19. 疫情环境下,如何保证企业员工远程办公效率?
  20. t检验.医学统计实例详解-医学统计助手★卡方检验,t检验,F检验,秩和检验,方差分析

热门文章

  1. 计算机播放音乐按什么键,如何使U盘中的mp3歌曲按我想要的顺序播放?
  2. 05组-选题与需求分析报告
  3. 神乎奇技的播放软体-MPlayer
  4. A Practical Model for Subsurface Light Transport
  5. 打开 政务上链 应用场景
  6. 终于把Python弄明白了!
  7. 暑假不要摆烂,整理好了Python70个项目,快爬起来练手
  8. iTutorGroup与戴尔强强联手 在线学习新模式未来可期
  9. dellR720服务器设置光盘引导流程安装cenos7
  10. 人生如梦,我总失眠,人生如戏,我总笑场