Как сделать из строки массив?

Question

[Остап]

Получаю ответ с АПИ [{"name":"Boston","id":3}], но при data.map((item) => {}) получаю что data.map is not a function. TypeOf показывает что data это строка. Как перевести эту строку в массив объектов?

Answer 1

[Владимир]

Получаешь то ответ как ?
https://developer.mozilla.org/en-US/docs/Web/API/F...
Там есть метод json
Ну или второй вариант
https://developer.mozilla.org/uk/docs/Web/JavaScri...
Но я не думаю что нужно доводить до этого

Comments

[Остап]

Это функция по которой я получаю данные

getResource = async (url, opts) => {
        const res = await fetch(`${this.proxyurl}${this._apiBase}${url}`, opts);
        const body = await res;
        return body.json();
    };
    getCities = async (token) => {
        // console.log(token);
        const url = '/api/v1/cities/';
        const cities = await this.getResource(url,
            {
                method: 'GET',
                // credentials: 'include',
                headers: {  'Authorization': `Bearer ${token}`}
            });
        console.log(cities);
        return cities
    };

[Владимир]

Остап, У меня вернуло JSON, остается или править API чтобы правильные заголовки контента отдавало или JSON.parse
https://jsfiddle.net/yuht9j86/

[Остап]

Владимир, у меня возвращает [object Object].
в консоли:
ответ АПИ

[{…}]
0: id: 3name: "Boston"
__proto__: Object
length: 1__proto__: Array(0)

когда я этот ответ передаю дочерним компонентам, то получаю [object Object]
естественно получаю что data.map is not a function

[Владимир]

Остап, Ну так не строка же. Сделайте console.log(JSON.stringify(cities))
Чтобы поглядеть что внутри