javascript - 是否有 JavaScript 方法/函数通过键将对象循环到数组中？

Question

嘿，这是我的 API

 // --- API
        // Replace ./data.json with your JSON feed
        fetch('http://127.0.0.1:8000/cars/')
            .then(response => {
                return response.json()
            })
            .then(data => {
                // Work with JSON data here
                //-- go to array named "results"
                obj1 = data.results 
                console.dir(obj1) 

<...>

这是我的 API 输出。一些带有对象和随机数据的数组。

[{"id":3,"name":"Audi","price":11},{"id":2,"name":"Mercedes","price":22},{"id":1,"name":"BMW","price":99},{"id":4,"name":"Trabant","price":113}]

我想通过键将对象循环到 JavaScript 中的不同数组中。例如，这样 Chart.js 就可以将其作为标签处理。

示例

["Audi", "Mercedes", "BMW", "Trabant"]

所以我尝试了这三种不同的方法来完成这项工作

Object.keys
Object.values
Object.entries

我也试过循环

                // --- LOOP
                var arr = obj1
                for (var i = 0; i < arr.length; i++) {
                    console.dir(arr[i]);
                }
                console.dir(arr)

但我只用循环摆脱了 [ ]最后它太乱了。所以我问自己有没有类似的东西

{% for some_value in Object.name %}
{{ some_value ]}
{% endfor %}

就像在 Django 中一样？通过对象的键进行简单的循环？

Answer 1

尝试(我们使用标准 map 和 arrow function )

let d = [{"id":3,"name":"Audi","price":11},{"id":2,"name":"Mercedes","price":22},{"id":1,"name":"BMW","price":99},{"id":4,"name":"Trabant","price":113}];

let r= d.map(x=>x.name);

console.log(r);