資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究在 JavaScript 中將陣列中的字串轉換為物件鍵並存入新陣列？
本文將要執行的任務是在 JavaScript 中將陣列中的字串轉換為物件鍵並存入新陣列。讓我們考慮一個簡單的陣列 -
let array= ['bike', 'car']
現在，我們將使用map()將上述陣列轉換為一個新陣列（物件中的鍵）。然後陣列將如下所示 -
let newArray= [{shorts: []},{tees: []}, ]
讓我們深入本文，瞭解更多關於在 JavaScript 中將陣列中的字串轉換為物件鍵並存入新陣列的資訊。
使用 map()
map()方法透過對每個元素執行給定函式，從呼叫陣列的內容構建一個新陣列。
語法
以下是map()的語法 -
array.map(function(currentValue, index, arr), thisValue)
為了更好地理解，讓我們看看以下將陣列中的字串轉換為物件鍵並存入新陣列的示例
示例
在以下示例中，我們使用map()執行指令碼將陣列中的字串轉換為物件鍵。
<!DOCTYPE html>
<html>
<body>
<p id="tutorial"></p>
<script>
let arr = ['bike', 'car'];
let newArr = arr.map(a => ({ [a]: [] }));
document.getElementById("tutorial").innerHTML=JSON.stringify(newArr);
</script>
</body>
</html>
當指令碼執行時，它將生成一個輸出，該輸出包含在網頁上列印的陣列，該陣列是由觸發指令碼執行的事件啟用的。
示例
以下是另一個示例
<!DOCTYPE html>
<html>
<body>
<p id="tutorial"></p>
<script>
let array= ['Bheem', 'Ram']
let newarray = [];
for(let item of array) {
let obj = {};
obj[item] = [];
newarray.push(obj)
}
document.getElementById("tutorial").innerHTML=JSON.stringify(newarray);
</script>
</body>
</html>
執行上述指令碼後，輸出視窗將彈出，顯示網頁上列印的陣列，這是執行指令碼時觸發的事件的結果。
示例
執行以下程式碼以觀察如何使用map()將陣列字串轉換為物件鍵。
<!DOCTYPE html>
<html>
<body>
<p id="tutorial"></p>
<p id="tutorial1"></p>
<script>
var values = ['studentNames', 'studentMarks'];
document.getElementById("tutorial").innerHTML=JSON.stringify(values);
var convertIntoNewArray = values.map(arrayObject => ({ [arrayObject]: [] }));
document.getElementById("tutorial1").innerHTML=JSON.stringify(convertIntoNewArray);
</script>
</body>
</html>
當指令碼執行時，事件被觸發並在網頁上顯示實際陣列和更改後的陣列。
更新於: 2023年4月21日
1K+ 次檢視
廣告