javascript - 在javascript中从json对象访问n个值

Question

这个问题已经有答案了:

Accessing an object property with a dynamically-computed name (19 个回答)

已关闭 3 年前。

var list=[
{
    color_1: "red",
    color_2: "red_1",
    value: "#f00"
},
{
    color_1: "green",
    color_2: "red_5",
    value: "#0f0"
},
{
    color_1: "blue",
    color_2: "red",
    value: "#00f"
},
{
    color_1: "cyan",
    color_2: "red",
    value: "#0ff"
},
{
    color_1: "magenta",
    color_2: "red",
    value: "#f0f"
},
{
    color_1: "yellow",
    color_2: "red",
    value: "#ff0"
},
{
    color_1: "black",
    color_2: "red",
    value: "#000"
}

];

在我的json列表中，我从后端获取动态列，例如color_1，color_2，color_3，color_4....color_n json对象中最多n个列，我想使用for循环在控制台上打印它们，但是我我的输出未定义，请告诉我哪里出错了，下面是代码

函数callMe(){

    list.forEach(function(element, i) {
    for(var j=1;j<3;j++){

            console.log(element.color_+j);
        }
    });
}

Answer 1

您需要一个合适的property accessor带括号和字符串。

console.log(element['color_' + j]);

function callMe() {
    list.forEach(function(element, i) {
        for (var j = 1; j < 3; j++) {           // var instead of int
            console.log(element['color_' + j]); // brackets
        }
    });
}

var list = [{ color_1: "red", color_2: "red_1", value: "#f00" }, { color_1: "green", color_2: "red_5", value: "#0f0" }, { color_1: "blue", color_2: "red", value: "#00f" }, { color_1: "cyan", color_2: "red", value: "#0ff" }, { color_1: "magenta", color_2: "red", value: "#f0f" }, { color_1: "yellow", color_2: "red", value: "#ff0" }, { color_1: "black", color_2: "red", value: "#000" }];

callMe();

.as-console-wrapper { max-height: 100% !important; top: 0; }