在 JavaScript 中獲取物件的第一個鍵名

Sahil Bhosale 2024年2月15日
  1. 在 JavaScript 中獲取物件的第一個鍵名
  2. 使用 Object.entries() 獲取 JavaScript 中物件的第一個鍵名
  3. 在 JavaScript 中使用 Object.keys() 來獲取物件的第一個鍵名
  4. まとめ
在 JavaScript 中獲取物件的第一個鍵名

本文將演示如何提取物件第一個屬性的鍵(鍵值對)。

在 JavaScript 中獲取物件的第一個鍵名

讓我們舉個例子來理解這一點。

在這裡,我們建立了一個具有三個屬性的物件並將其儲存在變數 obj 中。我們將從這個物件中獲得第一個 key,即 foo

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

要從物件中獲取 key,我們可以使用 JavaScript 中 Object 類提供的方法 entireskeys()

使用 Object.entries() 獲取 JavaScript 中物件的第一個鍵名

Object.entries() 方法的工作是從物件中獲取每個鍵值對並將這些鍵值對轉換為一個陣列並將它們儲存在一個大陣列中。此方法只接受一個引數,即物件本身。

因此,如果我們在此方法中傳遞上面建立的物件,我們將有一個陣列作為輸出。

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

輸出:

顯示使用 Entries 方法傳遞的陣列

使用索引從這個陣列中訪問第一個鍵變得很容易。為此,我們將在 entries() 方法之後使用 [0] 來訪問陣列的第一個屬性,即 ['foo', 'bar']

還有另一個陣列有兩個元素,foobar,我們想要訪問 foo。因此,我們將為此使用另一個 [0]

使用 Entries 方法訪問第一個鍵

這就是我們如何在 JavaScript 中使用 Object.entries() 訪問物件的第一個鍵。

在 JavaScript 中使用 Object.keys() 來獲取物件的第一個鍵名

在 JavaScript 中獲取物件的第一個鍵的另一種方法是使用 Object.keys() 方法。此方法的工作方式與 entries() 方法類似,它還返回一個陣列。

唯一的區別是 Object.keys() 方法只返回物件的鍵而不是值。此方法還接受一個引數,即物件本身。

Object.keys(obj);

顯示使用 Keys 方法傳遞的陣列

現在,從這個陣列中獲取第一個鍵很簡單。我們只需要使用索引訪問陣列的第零個索引,如下所示。

使用 Keys 方法訪問第一個鍵

まとめ

Object.entries()Object.keys() 方法用於獲取 JavaScript 中物件的第一個鍵。這兩種方法都返回一個陣列。

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

作者: Sahil Bhosale
Sahil Bhosale avatar Sahil Bhosale avatar

Sahil is a full-stack developer who loves to build software. He likes to share his knowledge by writing technical articles and helping clients by working with them as freelance software engineer and technical writer on Upwork.

LinkedIn

相關文章 - JavaScript Object