JavaScript >> Javascript 文檔 >  >> Tags >> object

如何在 JavaScript 中將對象轉換為數組 [示例]

本文將向您展示如何在 JavaScript 中快速輕鬆地將對象轉換為數組。

有很多方法可以將對象轉換為數組,但是這些(應該 ) 是最直接的方法。

在 JavaScript 中將對象轉換為數組 - 僅限值

如果您只需要 來自對象,Object.values() 方法會將它們提取到一個數組中:

var myObject = {
    colour: 'blue',
    number: 43,
    name: 'Fred',
    enabled: true
};
var values = Object.values(myObject);

console.log(values);

以上將返回一個僅包含對象值的數組:

[ "blue", 43, "Fred", true ]

作為數組對的鍵和值

如果您想要對象的鍵(或名稱、屬性或您使用的任何術語)和值,您可以使用 Object.entries()<將它們中的每一個作為數組中的鍵/值對獲取/em> :

var myObject = {
    colour: 'blue',
    number: 43,
    name: 'Fred',
    enabled: true
};
var keyValuePairs = Object.entries(myObject);

console.log(keyValuePairs);

上面將返回一個包含數組的數組,每個數組都包含來自原始對象的鍵和值:

    ?[
       ?[ "colour", "blue" ],
       ?[ "number", 43 ],
       ??[ "name", "Fred" ],
       ??[ "enabled", true ]
?    ]

JavaScript 中的關聯數組(哈希)

Javascript 不支持關聯數組 (也稱為 哈希 )。 PHP 和其他編程語言支持此功能——它允許您使用字符串作為數組鍵/索引——JavaScript 不支持。在 JavaScript 中,數組只支持數字索引——唯一的選擇是使用對象來存儲數據。


Tutorial JavaScript 教程
  1. 如何拆分你的 React 應用程序?

  2. 節點 AWS S3 照片庫入門項目

  3. ✨ 使用 React.js 處理圖像延遲加載、優化和 UX 的一種很酷的方法

  4. 如何在 React 中添加多個 CSS 類

  5. React.useImperativeHandle 的具體示例

  6. 如何在 JavaScript 中避免 NaN |基本代碼

  7. .click() 隱藏輸入按鈕不起作用(未定義)

  1. AJAX 和 XMLHttpRequest 對像簡介

  2. JavaScript IIFE |立即調用函數表達式示例代碼

  3. 獲取字符碼(ASCII碼)

  4. 讓我們用 JavaScript 排序🔢

  5. 我可以在javascript中將數組附加到“formdata”嗎?

  6. 5 分鐘了解如何使用 React Hooks 使用 Redux

  7. 如何遷移 redux-persist 持久化的 store?

  1. 使用 React 和 React Router V4 進行代碼拆分

  2. 在反應中獲取多個網址時無法更新鉤子變量

  3. 我與挪威初創公司的前端面試問題

  4. Javascript 獲取示例:獲取/發布/放置/刪除