从数组javascript中按键获取值

Question

我在从 javascript 数组中获取值时遇到问题。

var color = new Array();
for (var i = 0; i < datafeatures.length - 1; i++) {
    color[datafeatures[i].properties.userid] = datafeatures[i].properties.linecolor;
}

snapshot.forEach(function (childSnapshot) {
     var colour = childSnapshot.wp_user;
     console.log(color[colour]);
     console.log(JSON.stringify(color));
     console.log(color);
     console.log(colour);
}

Console.log 结果：

颜色[颜色]：未定义

JSON.stringify(color): []

颜色：

[]
 26: "#9d36ee"
 45: "#b1c743"
 56: "#f9c53c"
 61: "#d770ce"
 63: "#267fa1"
 64: "#85002f"
 68: "#78eca8"
 92: "#a4a2e7"
length: 93
__proto__: Array(0)

颜色： 61

颜色[颜色]的预期输出：“#d770ce”

颜色[颜色]的实际输出：未定义。

Color 里面有东西，Color 是一个数字（键），但似乎不可能从 Color 中获取值..

Answer 1

您可能想尝试换行

var color = new Array();

到

var color = {};

您可能要查找的不是数组，而是 javascript 中的术语 object。

编辑

查看源代码并进行一些调试后，问题似乎是异步执行。您的 color 变量稍后会被填充，这就解释了为什么 JSON.stringify 在打印时会生成一个空对象，而 console.log 会维护对变量的引用。

您需要确保首先填充 color 变量。

关于我如何调试它的一些步骤，（使用 chrome）：

• 打开 Chrome 开发工具 (Ctrl+Shift+I)
• 转到控制台
• 点击打印undefined的行号
• 您应该会被发送到sources 选项卡，您将在其中看到您的源代码
• 在此处通过单击行号（本例中为 407）添加断点
• 在开发工具窗口中刷新，(Ctrl+R)
• javascript 执行应在调试器处停止
• 在此状态下，将鼠标悬停在源代码上的变量上即可查看它们在该时间点的值
• 你会发现color确实是一个空对象
• 所以追溯color 的填充方式
• 发现它嵌套在这段代码d3.json(下
• 这时您就知道遇到了异步问题

Answer 2

这里是代码

for (var i = 0; i < datafeatures.length - 1; i++) {
    color[datafeatures[i].properties.userid] = datafeatures[i].properties.linecolor;
}

应该更像这样

for (var i = 0; i < datafeatures.length - 1; i++) {
    color.push({[datafeatures[i].properties.userid]: datafeatures[i].properties.linecolor})
}

我想它会给你你正在寻找的数组。