JSON 用於從客戶端到伺服器交換資料。 JSON 非常輕量級，易於人類閱讀，也易於機器解析和生成。很多時候我們取得字串格式的數據，我們需要將該數據轉換為陣列。在本文中，我們將討論使用 JavaScript 將 JSON 字串轉換為 JSON 物件陣列的多種方法。
使用 JSON.parse( ) 方法
#使用 eval( ) 函數
JSON.parse方法用於將JSON字串轉換為JSON物件。這是處理 JSON 資料的一種非常快速且標準的方法。 JSON.parse 將 String 作為輸入，並根據輸入值的結構傳回 Javascript 值、物件、陣列、布林值、null 等。
在此範例中，我們有一個包含各個人的資料的 JSON 字串，我們將使用 JSON.parse 方法將該 JSON 字串轉換為 JSON 物件。
<html>
<body>
<h2>Convert JSON string to array of JSON objects using JSON.parse method</h2>
<p>Click the following button to convert JSON string to an array of JSON objects</p><br>
<button id="btn" onclick="convert( )" > Click Here </button> <br>
<p id="result"> </p>
<script>
function convert(){
// Initialize the dummy JSON String
let jsonString = '[ { "name" : "Ram", "age" : 20, "car" : "ford" },{ "name": "Shyam", "age" : "21", "car" : "tata" }, { "name" : "Mohan", "age" : 22, "car" : "toyota" } ]'
// Conver the JSON String to JSON object
let jsonObject = JSON.parse(jsonString);
// Get the paragraph element
let p = document.getElementById("result")
/// Print the Object
p.innerText += JSON.stringify(jsonObject);
// Print the Object on Console
console.log(jsonObject)
}
</script>
</body>
</html>
JavaScript 中的 eval( ) 函數是一個全域函數，用於將字串作為表達式求值。要使用 eval 函數將 JSON 字串轉換為 JSON 物件數組，我們將 JSON 字串傳遞給它，該函數傳回 JSON 物件。
在此範例中，我們有一個包含不同人員資料的 JSON 字串，我們將使用 eval( ) 函數將該 JSON 字串轉換為 JSON 物件。
<html>
<body>
<h2>Convert JSON string to array of JSON objects using eval function</h2>
<p>Click the following button to convert JSON string to an array of JSON objects</p><br>
<button id="btn" onclick="convert( )" > Click Here </button> <br>
<p id="result"></p>
<script>
function convert(){
// Initialize the dummy JSON String
let jsonString = '[ { "name" : "Ram", "age" : 20, "car" : "ford"},{ "name": "Shyam", "age" : "21", "car" : "tata" }, { "name" : "Mohan", "age" : 22, "car" : "toyota" } ]'
// Conver the JSON String to JSON object
let jsonObject = eval(jsonString);
// Get the paragraph element
let p = document.getElementById("result")
/// Print the Object
p.innerText += JSON.stringify(jsonObject);
// Print the Object on Console
console.log(jsonObject)
}
</script>
</body>
</html>
以上是如何使用 JavaScript 將 JSON 字串轉換為 JSON 物件陣列？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
