如何将PHP数组转换为JavaScript数组

最新推荐文章于 2021-04-06 13:11:59 发布

原创最新推荐文章于 2021-04-06 13:11:59 发布 · 1.6k 阅读

CC 4.0 BY-SA版权

本文详细介绍如何通过PHP的json_encode函数将一维和多维索引数组，以及关联数组转换成JavaScript数组，提供代码示例和访问元素的方法。

PHP数组可以在JavaScript中使用，无论该数组是一维数组还是多维数组，索引数组或关联数组。您可以通过一行代码轻松地将PHP数组转换为JavaScript数组。使用json_encode()函数，PHP数组可以转换为JavScript数组，并可以在JavaScript中访问。

一维索引数组

下面的示例将数字索引的PHP数组转换为JavaScript数组。

PHP:

$userArray = array('John Doe', 'john@example.com');

JavaScript:

<script type="text/javascript">
var users = <?php echo json_encode($userArray); ?>;
</script>

在JavaScript中访问数组元素：

alert(users[0]); //output will be "John Doe"

多维索引数组

下面的示例将数字索引的PHP多维数组转换为JavaScript数组。
PHP:

$userArray = array(
    array('John Doe', 'john@example.com'),
    array('Marry Moe', 'marry@example.com'),
    array('Smith Watson', 'smith@example.com')
);

JavaScript:

<script type="text/javascript">
var users = <?php echo json_encode($userArray); ?>;
</script>

在JavaScript中访问数组元素：

alert(users[1][0]); //output will be "Marry Moe"

多维关联数组

下面的示例将关联的PHP多维数组转换为JavaScript数组。

PHP:

$userArray = array(
    array('name'=>'John Doe', 'email'=>'john@example.com'),
    array('name'=>'Marry Moe', 'email'=>'marry@example.com'),
    array('name'=>'Smith Watson', 'email'=>'smith@example.com')
);

JavaScript:

<script type="text/javascript">
var users = <?php echo json_encode($userArray); ?>;
</script>

在JavaScript中访问数组元素：

alert(users[0].email); //output will be "john@example.com"