php 陣列 轉js陣列輸出

在網站開發與程式設計中，將後端(PHP)資料與前端(JS)頁面互動是常見的操作。對於陣列的傳遞，PHP的資料結構與JS有所不同，需要經過一定的處理才能輸出到頁面。本文將介紹如何將PHP數組轉換為JS數組輸出。

Step1：使用json_encode()函數將PHP陣列轉換為JSON格式

在PHP中，將陣列轉換為JSON格式非常方便，只需使用json_encode()函數即可。此函數會將一個PHP陣列或值轉換為JSON字串，以便在JS中進行解析和使用。

範例程式碼：

<?php
$arr = array("apple", "banana", "watermelon");
echo json_encode($arr);
?>

輸出結果：["apple","banana","watermelon"]

在此我們可以看到json_encode()將PHP數組成功轉換為JSON格式。

Step2：在JS中使用JSON.parse()函數將JSON格式解析為JS陣列

在JS中，將JSON格式轉換為陣列需要使用JSON.parse()函數。此函數將一個JSON字串解析為JS對象，方便進行後續操作。

範例程式碼：

<script>
var json = '["apple","banana","watermelon"]';
var arr = JSON.parse(json);
console.log(arr);
</script>

輸出結果：["apple", "banana", "watermelon"]

在此我們可以看到JSON.parse()函數成功將JSON格式轉換為JS數組。

Step3：將PHP陣列轉換為JS陣列輸出

綜合上述兩個步驟，我們可以將PHP陣列轉換為JS陣列輸出。具體實作如下：

<?php
$arr = array("apple", "banana", "watermelon");
$json = json_encode($arr);
?>
<script>
var arr = JSON.parse(<?php echo $json; ?>);
console.log(arr);
</script>

在此程式碼中，我們先使用json_encode()函數將PHP陣列轉換為JSON格式，然後透過echo輸出到JS程式碼中。 JS中再使用JSON.parse()函數將JSON格式解析為JS數組，實作了PHP數組到JS數組的傳遞。

總結：

本文介紹如何將PHP陣列轉換為JS陣列輸出，基於json_encode()函數和JSON.parse()函數的解析，實作了資料的傳遞和使用。在實際開發中，此方法可用於將PHP後台資料快速傳送至JS前端，方便快速。

以上是php 陣列 轉js陣列輸出的詳細內容。更多資訊請關注PHP中文網其他相關文章！