如何通过JSON将PHP多维数组传入JavaScript并正确解析赋值？

我来帮你排查下这个问题，变量出现Undefined通常是几个常见的小疏忽导致的，咱们一步步来修复：

1. 先解决变量未声明的核心问题 #

你当前的代码里直接使用names[a]和values[a]赋值，但这两个数组完全没有提前声明初始化。在JavaScript中，未声明就直接赋值的变量会存在作用域问题，甚至在严格模式下直接报错，这是导致Undefined的首要原因。

你需要先声明这两个空数组：

var names = [];
var values = [];

2. 优化循环条件，避免匹配错误 #

你用data.count作为循环的上限，但这个值未必和data.name、data.value的实际长度一致。更可靠的方式是直接使用数组自身的length属性，确保循环次数和数组元素数量匹配：

// 假设data.name和data.value长度相同，取其中一个的长度即可
for(let a = 0; a < data.name.length; a++){
  names.push(data.name[a]);
  values.push(data.value[a]);
}

这里我把var换成了let，避免变量提升带来的意外问题；同时用push方法添加元素，比直接通过索引赋值更安全，尤其是当数组长度动态变化时。

3. 确认data的结构是否符合预期 #

一定要先确认你的data对象结构和你预想的一致，比如是否真的包含顶级的name和value数组？可以先通过console.log(data)打印查看实际结构：

• 如果data是你预期的结构（如下），那上面的修正就能正常工作：

// 正确的预期结构示例
const data = {
  categories: ["May 2017","June 2017","July 2017","August 2017","September 2017"],
  name: ["Group1", "Group2", "Group3"],
  value: [10, 20, 30]
};

• 如果data是把每组name/value放在子对象里（比如data.groups数组），那你的循环逻辑需要调整：

var names = [];
var values = [];
for(let a = 0; a < data.groups.length; a++){
  names.push(data.groups[a].name);
  values.push(data.groups[a].value);
}

完整修正后的示例代码 #

// 模拟符合预期的data结构
const data = {
  categories: ["May 2017","June 2017","July 2017","August 2017","September 2017"],
  name: ["Sales", "Expenses", "Profit"],
  value: [15000, 8000, 7000]
};

var categories = data.categories;
var names = []; // 提前声明初始化数组
var values = []; // 提前声明初始化数组

// 基于数组长度循环，确保匹配
for(let a = 0; a < data.name.length; a++){
  names.push(data.name[a]);
  values.push(data.value[a]);
}

// 现在打印就能得到正确结果了
console.log(categories);
console.log(names);
console.log(values);

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