」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 可以在 javascript 中迭代“物件”

可以在 javascript 中迭代“物件”

發佈於2024-08-02
瀏覽:164

ays to iterate over “objects” in javascript

在javascript物件中包含鍵值對屬性,且迭代物件與陣列不同。可以使用 for...in 迴圈以及 Object.keys()、Object.values() 和 Object.entries() 來迭代物件。讓我們看看如何使用每種方法:

1。使用 for...in 方法

const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };
 for(let key in persons){
     console.log(`${person[key]} : ${key}`)
}
   //output
   // name: 'John',
   // age: 30,
   // occupation: 'Engineer'

2.使用Object.keys():方法

object.keys() 是一個 javascript 方法,它將物件作為參數並傳回鍵數組

const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };
const Object_keys = Object.keys(person);
console.log(Object_keys)// [ 'name', 'age', 'occupation']```




```

我們可以使用 object.keys() 來迭代物件

const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };
const Object_keys = Object.keys(person);

//here first i have used Object_keys array which i got from Object.keys(person);
for(let i = 0 ; i

常量人= {
    姓名:“約翰”,
    年齡:30歲,
    職業:“工程師”
  };
const Object_keys = Object.keys(person);

//這裡首先我使用了從Object.keys(person)得到的Object_keys陣列;
for(令 i = 0 ; i3.使用Object.entries():

Object.entries()

是一個 javascript 方法,它以物件為參數並傳回鍵值對的二維數組

const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };
const Object_keys = Object.keys(person);

//here first i have used Object_keys array which i got from Object.keys(person);
for(let i = 0 ; i

常量人= {
    姓名:“約翰”,
    年齡:30歲,
    職業:“工程師”
  };

const Object_keyValue = Object.entries(person);

//輸出
// [ 

, , ]


const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };

for (const [key, value] of Object.entries(person)) {
  console.log(`${key} : ${value}`);
}

//output
   // name: 'John',
   // age: 30,
   // occupation: 'Engineer'


Object.entries()

來迭代物件 常量人= { 姓名:“約翰”, 年齡:30歲, 職業:“工程師” }; for (Object.entries(person) 的 const [鍵,值]) { console.log(`${key} : ${value}`); } //輸出 // 名稱: '約翰', // 年齡:30, // 職業:'工程師'

4。使用 Object.values():


const myObject = {
  prop1: 'value1',
  prop2: 'value2',
  prop3: 'value3'
};

const values = Object.values(myObject);

for (const value of values) {
  console.log(value);
}



Object.values() 傳回物件本身可列舉屬性值的陣列。如果您只對值而不是鍵感興趣,這可能很有用。

常數 myObject = { prop1: '值1', prop2: '值2', prop3: '值3' }; const 值 = Object.values(myObject); for(值的常數值){ 控制台.log(值); } ays to iterate over “objects” in javascript

版本聲明 本文轉載於:https://dev.to/sagar7170/4-ways-to-iterate-over-objects-in-javascript-1e8p?1如有侵犯,請聯絡[email protected]刪除
最新教學 更多>
  • JavaScript 是同步還是異步,是單執行緒還是多執行緒? JavaScript程式碼是如何執行的?
    JavaScript 是同步還是異步,是單執行緒還是多執行緒? JavaScript程式碼是如何執行的?
    JavaScript 是一種同步、單執行緒語言,一次只能執行一個指令。僅噹噹前行執行完畢後,才會移至下一行。但是,JavaScript 可以使用事件循環、Promises、Async/Await 和回呼佇列執行非同步操作(JavaScript 預設是同步的)。 JavaScript程式碼是如何執行...
    程式設計 發佈於2024-11-06
  • 如何從 PHP 中的物件數組中提取一列屬性?
    如何從 PHP 中的物件數組中提取一列屬性?
    PHP:從物件數組中高效提取一列屬性許多程式設計場景都涉及使用物件數組,其中每個物件可能有多個屬性。有時,需要從每個物件中提取特定屬性以形成單獨的陣列。在 PHP 中,在不借助循環或外部函數的情況下用一行程式碼實現此目標可能很棘手。 一個可能的方法是利用 array_walk() 函數和 creat...
    程式設計 發佈於2024-11-06
  • 建構 PHP Web 專案的最佳實踐
    建構 PHP Web 專案的最佳實踐
    規劃新的 PHP Web 專案時,考慮技術和策略方面以確保成功非常重要。以下是一些規則來引導您完成整個過程: 1. 定義明確的目標和要求 為什麼重要:清楚了解專案目標有助於避免範圍蔓延並與利害關係人設定期望。 行動: 建立具有特定功能的專案大綱。 確定核心特徵和潛在的發展階段。 ...
    程式設計 發佈於2024-11-06
  • 如何在不使用巢狀查詢的情況下從 MySQL 中的查詢結果指派使用者變數?
    如何在不使用巢狀查詢的情況下從 MySQL 中的查詢結果指派使用者變數?
    MySQL 中根據查詢結果分配使用者變數背景和目標根據查詢結果分配使用者定義的變數可以增強資料庫操作能力。本文探討了在 MySQL 中實現此目的的方法,而無需借助嵌套查詢。 使用者變數賦值語法與流行的看法相反,使用者變數賦值可以直接整合到查詢中。 SET 語句的賦值運算子是= 或:=。但是,:= 必...
    程式設計 發佈於2024-11-06
  • 如何使用 array_column() 函數從 PHP 中的物件陣列中提取 Cat ID?
    如何使用 array_column() 函數從 PHP 中的物件陣列中提取 Cat ID?
    從PHP 中的物件陣列中提取貓ID處理物件陣列(例如貓物件陣列)時,提取特定屬性通常可以成為必要的任務。在這種特殊情況下,我們的目標是將每個 cat 物件的 id 屬性提取到一個新數組中。 正如您的問題中所建議的,一種方法涉及使用 array_walk() 和 create_function 。雖然...
    程式設計 發佈於2024-11-06
  • 實用指南 - 遷移到 Next.js App Router
    實用指南 - 遷移到 Next.js App Router
    隨著 Next.js App Router 的發布,許多開發者都渴望遷移他們現有的專案。在這篇文章中,我將分享我將專案遷移到 Next.js App Router 的經驗,包括主要挑戰、變更以及如何使流程更加順利。 這是一種增量方法,您可以同時使用頁面路由器和應用程式路由器。 為...
    程式設計 發佈於2024-11-06
  • 何時以及為何應調整 @Transactional 中的預設隔離和傳播參數?
    何時以及為何應調整 @Transactional 中的預設隔離和傳播參數?
    @Transactional中的隔離和傳播參數在Spring的@Transactional註解中,兩個關鍵參數定義了資料庫事務的行為:隔離和傳播。本文探討了何時以及為何應考慮調整其預設值。 傳播傳播定義了事務如何相互關聯。常見選項包括:REQUIRED: 在現有交易中執行程式碼,如果不存在則建立一個...
    程式設計 發佈於2024-11-06
  • OpenAPI 修剪器 Python 工具
    OpenAPI 修剪器 Python 工具
    使用 OpenAPI Trimmer 簡化您的 OpenAPI 文件 管理大型 OpenAPI 檔案可能會很麻煩,尤其是當您只需要一小部分 API 來執行特定任務時。這就是 OpenAPI Trimmer 派上用場的地方。它是一個輕量級工具,旨在精簡您的 OpenAPI 文件,使其...
    程式設計 發佈於2024-11-06
  • PHP:揭示動態網站背後的秘密
    PHP:揭示動態網站背後的秘密
    PHP(超文本預處理器)是一種伺服器端程式語言,廣泛用於建立動態和互動式網站。它以其簡單語法、動態內容生成能力、伺服器端處理和快速開發能力而著稱,並受到大多數網站託管服務商的支援。 PHP:揭秘動態網站背後的秘方PHP(超文本預處理器)是伺服器端程式語言,以其用於創建動態和互動式網站而聞名。它廣泛應...
    程式設計 發佈於2024-11-06
  • JavaScript 中的變數命名最佳實踐,實現簡潔、可維護的程式碼
    JavaScript 中的變數命名最佳實踐,實現簡潔、可維護的程式碼
    簡介:增強程式碼清晰度和維護 編寫乾淨、易於理解和可維護的程式碼對於任何 JavaScript 開發人員來說都是至關重要的。實現這一目標的一個關鍵方面是透過有效的變數命名。命名良好的變數不僅使您的程式碼更易於閱讀,而且更易於理解和維護。在本指南中,我們將探討如何選擇具有描述性且有意義的變數名稱,以顯...
    程式設計 發佈於2024-11-06
  • 揭示 Spring AOP 的內部運作原理
    揭示 Spring AOP 的內部運作原理
    在这篇文章中,我们将揭开 Spring 中面向方面编程(AOP)的内部机制的神秘面纱。重点将放在理解 AOP 如何实现日志记录等功能,这些功能通常被认为是一种“魔法”。通过浏览核心 Java 实现,我们将看到它是如何与 Java 的反射、代理模式和注释相关的,而不是任何真正神奇的东西。 ...
    程式設計 發佈於2024-11-06
  • JavaScript ESelease 筆記:釋放現代 JavaScript 的力量
    JavaScript ESelease 筆記:釋放現代 JavaScript 的力量
    JavaScript ES6,正式名稱為 ECMAScript 2015,引入了重大增強功能和新功能,改變了開發人員編寫 JavaScript 的方式。以下是定義 ES6 的前 20 個功能,它們使 JavaScript 程式設計變得更有效率和愉快。 JavaScript ES6 ...
    程式設計 發佈於2024-11-06
  • 了解 Javascript 中的 POST 請求
    了解 Javascript 中的 POST 請求
    function newPlayer(newForm) { fetch("http://localhost:3000/Players", { method: "POST", headers: { 'Content-Type': 'application...
    程式設計 發佈於2024-11-06
  • 如何使用 Savitzky-Golay 濾波平滑雜訊曲線?
    如何使用 Savitzky-Golay 濾波平滑雜訊曲線?
    雜訊資料的平滑曲線:探討Savitzky-Golay 濾波在分析資料集的過程中,平滑雜訊曲線的挑戰出現在提高清晰度並揭示潛在模式。對於此任務,特別有效的方法是 Savitzky-Golay 濾波器。 Savitzky-Golay 濾波器在資料可以透過多項式函數進行局部近似的假設下運作。它利用最小二乘...
    程式設計 發佈於2024-11-06
  • 重載可變參數方法
    重載可變參數方法
    重載可變參數方法 我們可以重載一個採用可變長度參數的方法。 此程式示範了兩種重載可變參數方法的方法: 1 各種可變參數類型:可以重載具有不同可變參數類型的方法,例如 vaTest(int...) 和 vaTest(boolean...)。 varargs 參數的類型決定了要呼叫哪個方法。 2 新...
    程式設計 發佈於2024-11-06

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3