javascript - 迭代字典 React Js 不起作用

Question

我的代码中有一个名为 CarValues 的字典，其中包含以下数据:

字典:CarValues

键==>字符串

值==>数组

1. 键 => 本田，值 => 白色、黄色、红色、橙色
2. 键 => 丰田，值 => 白色、黄色、绿色、黑色
3. 关键 => 大众值(value) => 123、456、343

我想迭代 key 并生成如下所示的字符串:

var merge = 本田汽车='白色'&本田汽车='黄色'&本田汽车='红色'&本田汽车='橙色'&丰田汽车='白色'&丰田汽车='黄色'&丰田汽车='绿色'&丰田汽车='黑色'&大众汽车=123&大众汽车=456&大众汽车=343

我在类中的方法之一中有如下所示的内容:

    var merge = '';
    Object.getOwnPropertyNames(this.state.CarValues).map(function(key){
        for (var x in key.values) {
            merge= merge.concat('&' + key + '='" + x + "'");
        }

我不确定出了什么问题，但上面的方法不起作用。它说执行时键未定义。

下面也尝试过，

    Object.keys(this.state.CarValues).map((key) => (
        **for (var value in  vals[key] }) {**
            merge = merge.concat('&' + key + '='" + x + "'");
        }
    **))**

但是上面的编译会抛出错误，指出在突出显示的行中需要表达式以粗体显示。

Answer 1

您可以尝试这样的操作:(不要忘记添加 this.state。)

const CarValues = {
    Honda: ['white', 'yellow', 'red', 'orange'],
    Toyota: ['white', 'yellow', 'green', 'black'],
    Volkswagen: [123, 456, 343]
}

var q = Object.entries(CarValues)
    .map( ([key, value]) => `${key}=` + value.join(`&${key}=`))
    .join('&');

console.log(q)