資料結構
網路
關係資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法律研究JavaScript：如何從鍵值對建立物件
在本文中，我們將探討如何根據所需的鍵值對建立 JavaScript 物件。讓我們瞭解以下涉及的步驟：
步驟
步驟一 − 我們首先要建立一個空物件。
let object = {}步驟二 − 一旦物件用空值初始化，我們就可以在物件中新增所需的 {鍵，值} 對。
let firstKey = 0; let firstKeyValue = "TutorialsPoint"; object[firstKey] = firstKeyValue;
步驟三 − 結果物件是包含所有鍵值對的 JSON 物件。
console.log(object);
示例 1
在此示例中，我們正在建立一個簡單的應用程式。在指令碼部分，我們建立了一個空物件，然後向其中添加了一些鍵值對。在控制檯頁面上顯示相同的內容。
# index.html
<!DOCTYPE html>
<html>
<head>
<title>Object Using Key-value Pair</title>
</head>
<body>
<h1 style="color: green;"> Welcome to Tutorials Point</h1>
<script type="text/javascript">
let object = {};
let firstKey = 0;
let firstKeyValue = "Hey User...";
let secondKey = 1;
let secondKeyValue = "Welcome To Tutorials Point";
let thirdKey = 2;
let thirdKeyValue = "Start Learning now...";
object[firstKey] = firstKeyValue;
object[secondKey] = secondKeyValue;
object[thirdKey] = thirdKeyValue;
console.log(object);
</script>
</body>
</html>輸出
在成功執行上述程式後，瀏覽器將顯示以下結果：
Welcome To Tutorials Point
在控制檯中，您將找到所有結果，請參見下面的螢幕截圖：
示例 2
在下面的示例中，我們認為鍵和值存在於陣列中。我們對陣列使用 for 迴圈，並將陣列中的資料作為鍵值對附加到空物件中。
# index.html
<!DOCTYPE html>
<html>
<head>
<title>Object Using Key-value Pair</title>
</head>
<body>
<h1 style="color: green;"> Welcome to Tutorials Point</h1>
<script type="text/javascript">
let object={};
let keys = ["name", "tagLine", "Title"];
let values = ["Welcome To Tutorials Point", "Simply Learning", "Start your learning journey now."];
for (let i = 0; i < keys.length; i++) {
object[keys[i]] = values[i];
}
console.log(object);
</script>
</body>
</html>輸出
在成功執行上述程式後，瀏覽器將顯示以下結果：
Welcome To Tutorials Point
在控制檯中，您將找到所有結果，請參見下面的螢幕截圖：
示例 3
在下面的示例中，我們使用 Object.assign() 方法，它是 Object 超類的部分。此方法複製所有值並將這些值作為鍵值對附加到物件。
# index.html
<!DOCTYPE html>
<html>
<head>
<title>Object Using Key-value Pair</title>
</head>
<body>
<h1 style="color: green;"> Welcome to Tutorials Point</h1>
<script type="text/javascript">
let object = {};
let firstKey = 0;
let firstKeyValue = "Hey User...";
let secondKey = 1;
let secondKeyValue = "Welcome To Tutorials Point";
let thirdKey = 2;
let thirdKeyValue = "Start Learning now...";
Object.assign(object, { [firstKey]: firstKeyValue });
Object.assign(object, { [secondKey]: secondKeyValue });
Object.assign(object, { [thirdKey]: thirdKeyValue });
console.log(object);
</script>
</body>
</html>輸出
在成功執行上述程式後，瀏覽器將顯示以下結果：
Welcome To Tutorials Point
在控制檯中，您將找到所有結果，請參見下面的螢幕截圖：
更新於： 2022年4月25日
3K+ 瀏覽量
廣告