javascript - 如何使用 google 图表通过 javascript 迭代这种对象？

Question

我有一个来自后端的 map 列表，我想在我的 map 中循环这个列表。我尝试使用简单的 for 但它不起作用。

这是我的代码:

/*<![CDATA[*/
    var message = new Map();
    console.log('je suis le ' + typeof message);
    message = /*[[${liste}]]*/ 'default';
    /*]]>*/

    console.log(typeof message)

    function drawChart() {
        var data = google.visualization.arrayToDataTable([
            //for(i=0;i<message.length;i++) {}
            ['Task', 'tranche ages'],

            for(i=0;i<message.length;i++) {
                [Object.keys(message)[i], Object.values(message)[i]];
            }

            // [Object.keys(message)[0], Object.values(message)[0]],
            // [Object.keys(message)[1], Object.values(message)[1]],
            // [Object.keys(message)[2], Object.values(message)[2]],
            // [Object.keys(message)[3], Object.values(message)[3]],
            // [Object.keys(message)[4], Object.values(message)[4]],
            // [Object.keys(message)[5], Object.values(message)[5]]
        ]);

提前感谢您的建议

Answer 1

最干净的方法是使用Object.entries:

input = {"nombre de personnes entre 16 et 20 ans": 2, "de personnes entre 20 et 30 ans": 5, "de personnes entre 30 et 40 ans": 2, "de personnes entre 40 et 50 ans": 1};

console.log(Object.entries(input));

更新

对于较旧的浏览器支持，请不要忘记包含 polyfill