.map не является функцией - Ошибка TypeScript

Question

Я пытаюсь получить массив названий городов. Но даже если я передаю массив, браузер все еще говорит, что .map не является функцией. Вот код, который я пытаюсь выполнить.

Я пытался выполнить приведенный ниже код, но все еще получаю похожую ошибку.

    const results = [
{
  "Name":"Dale (e)",
  "City":"Dale (e)",
  "StateAbbreviation":"IN",
  "StateName":"Indiana",
  "StateCode":26,
  "ZipCode":"47523"},
{
  "Name":"Dallas",
  "City":"Dallas",
  "StateAbbreviation":"TX",
  "StateName":"Texas",
  "StateCode":68,
  "ZipCode":"75202",
  }
 ];

    result = results.map(function (obj) {
      return obj.Name;
    });
    console.log(result);

Я пытаюсь получить массив для текста автозаполненияполе для названий городов.

Ниже приведен мой ответ для результата.

Array (5) ["Austin", "Austin", "Austin Cart Hq", "Austin Metro Lakeline (e)""," Austin S Park Meadow (e) "] App.js: 76

Необработанный отказ (TypeError): results.map не является функцией

Но браузер выдает ошибку, сообщая результаты. карта не является функцией.

Мои ожидаемые результаты должны быть в массиве, чтобы я мог установить для массива состояние, и он будет отображать текстовое поле автозаполнения для текстового поля.

Answer 1

попробуйте этот импорт {map} из 'rxjs / operator';в компоненте, и вы должны использовать трубу, прежде чем вы можете использовать карту, например ...

import { from } from 'rxjs';
import { map } from 'rxjs/operators';

//emit ({name: 'Joe', age: 30}, {name: 'Frank', age: 20},{name: 'Ryan', age: 50})
const source = from(results);
//grab each persons name, could also use pluck for this scenario
const example = source.pipe(map(({ Name }) => Name));
//output: "Joe","Frank","Ryan"
const subscribe = example.subscribe(val => console.log(val));

я надеюсь, что это помогает