如何将PHP嵌套数组转换为jQuery数组？转换报错求解决方案

你在尝试把PHP的嵌套关联数组转换为JavaScript（jQuery本质上基于JS）可用的结构时遇到了问题，我来帮你梳理下解决方案。

首先看你给出的PHP数组（print_r输出）：

Array(
    [867] => Array (
        [id] => 867
        [title] => ATM
        [permalinks] => atm
        [parent_id] => 1
        [status] => 0
        [sort] => 2
        [icon_class] =>
        [image] =>
        [page_strip_id] => 0
        [meta_title] =>
        [meta_keyword] =>
        [meta_description] =>
        [show_on_home] => 0
        [tot_listing] => 0
    )
    [344] => Array (
        [id] => 344
        [title] => Grocery
        [permalinks] => grocery
        [parent_id] => 10
        [status] => 0
        [sort] => 0
        [icon_class] => icofont icofont-gift
        [image] =>
        [page_strip_id] => 0
        [meta_title] =>
        [meta_keyword] =>
        [meta_description] =>
        [show_on_home] => 0
        [tot_listing] => 0
    )
)

你当前使用的JavaScript代码是这样的：

<script type="text/javascript">
var child_cat_id=JSON.parse('<?php echo json_encode($child_cat_id);?>');
console.log(child_cat_id);
</script>

问题出在哪？ #

你这里的核心问题是多此一举地使用了JSON.parse，还错误地用单引号包裹了json_encode的输出。json_encode会直接输出合法的JavaScript对象字面量，不需要再用单引号包裹后解析——这样的写法很容易因为字符串转义问题（比如属性值里有单引号）导致解析失败。

正确的转换写法 #

直接把json_encode的结果赋值给JS变量就行，不需要额外的解析操作：

<script type="text/javascript">
// 直接赋值，json_encode输出的就是合法的JS对象
var child_cat_id = <?php echo json_encode($child_cat_id); ?>;
console.log(child_cat_id);
</script>

像使用PHP数组一样操作它 #

转换后的JS对象和原PHP关联数组结构完全对应，你可以像PHP里那样访问：

• 按键获取单个分类对象：child_cat_id[867] 或者 child_cat_id['867']，对应PHP里的$child_cat_id[867]
• 访问分类的具体属性：child_cat_id[867].title 对应PHP的$child_cat_id[867]['title']
• 遍历所有分类可以用for...in循环：

for (var catId in child_cat_id) {
    // 确保是对象自身的属性，避免遍历原型链上的方法
    if (child_cat_id.hasOwnProperty(catId)) {
        var currentCat = child_cat_id[catId];
        console.log('分类ID：' + catId);
        console.log('分类标题：' + currentCat.title);
        // 其他属性如permalinks、parent_id等都可以用currentCat.permalinks这样的方式访问
    }
}

如果更习惯用数组的遍历方法（比如forEach），可以把对象转换成数组：

// 把对象的值提取成数组
var categoryArray = Object.values(child_cat_id);
categoryArray.forEach(function(cat) {
    console.log(cat.title + ' - ' + cat.permalinks);
});

内容的提问来源于stack exchange，提问作者Naveen K. Sanadhya