Как из полученного объекта оставить нужные даные?

Question

[Eugene Chefranov]

Хочу получить список локаций для select - https://www.webpagetest.org/getLocations.php?f=json

fetch("https://www.webpagetest.org/getLocations.php?f=json")
    .then(function(response) {
        if (response.status === 200) {
            return response.json();
        } else {
            throw response;
        }
    })
    .then(function(data) {
        console.log(data);
    })
    .catch((e) => {
        console.log(e);
    });

Необходимо полученный объект объектов преобразовать в такой вид (оставить только название ветви для value и label для текста):

[{
        text: "Moto G (gen 4)"
        value: "Dulles_MotoG4"
    },
    {
        text: "Brussels, BE (Chrome,Firefox,Opera)"
        value: "Brussels"
    }
    ...
]

Всё это делаю на Vue для заполнения селекта из Vuetify, возможно есть вариант проще.

Answer 1

[hzzzzl]

Object.entries(data).map(([k, v]) => ({text: v.Label, value: k}))

Answer 2

[Alex]

Создать вычисляемое свойство. В нем, перебрать объект. Загнать данные в массив. Вернуть массив