如何将PHP多维数组导入JavaScript并实现遍历？

你用json_encode把PHP多维数组导入JavaScript的方式是正确的，转换后PHP的关联数组会对应成JavaScript的对象结构。以下是两种实现遍历的方法，输出效果和你PHP代码一致（用console.log替代echo）：

方式一：Object.values()结合forEach（简洁推荐） #

先把指定产品ID对应的折扣集合转成数组，再用forEach遍历每一项：

<script>
// 从PHP导入折扣数据
var items = <?php echo json_encode($volumediscounts); ?>;

// 对应PHP里的$product_id
const targetProductId = 2;

// 遍历该产品的所有批量折扣项
Object.values(items[targetProductId]).forEach(volOperator => {
    const units = volOperator.units;
    const amount = volOperator.amount;
    console.log(`Discount found: ${units} units @ ${amount} €`);
});
</script>

方式二：for...in循环 #

如果需要处理折扣项的键名（比如示例里的1、2），可以用这种方式：

<script>
var items = <?php echo json_encode($volumediscounts); ?>;
const targetProductId = 2;

// 遍历目标产品的折扣对象
for (const key in items[targetProductId]) {
    // 过滤掉原型链上的额外属性，保证只遍历自身的折扣项
    if (items[targetProductId].hasOwnProperty(key)) {
        const volOperator = items[targetProductId][key];
        const units = volOperator.units;
        const amount = volOperator.amount;
        console.log(`Discount found: ${units} units @ ${amount} €`);
    }
}
</script>

补充说明 #

PHP的关联数组通过json_encode转换后，在JavaScript里是普通对象而非数组，所以不能直接用数组索引的方式遍历。Object.values()可以快速提取对象内的所有值组成数组，简化遍历逻辑；for...in则保留了对键名的访问能力，适合需要用到键信息的场景。

内容的提问来源于stack exchange，提问作者Andreas BB