0

Как вывести элементы массива без дублирующих значений названия города?

Вот код (React)

// Компонент UsersList
function UsersList(props) {
  // для удобства записываем значение props.users в переменную users
  const users = props.users; 
  // используя метод map() и заполняем данными тег li
  const listItems = users.map(( user, index ) =>
    <li key={ index.toString() } >                      
      { user[0] }
    </li>
  );
  // Возвращаем список с именами пользователей                              
  return (
    <ul> { listItems } </ul>
  );  
}

// Массив с именами пользователей
const users = [
["Москва","Пупкин","Пупок","Пупович","88005553535"],["Краснодар","Пупкин","Пупок","Пупович","88005553532"],
["Москва","Пупкин","Пупок","Пупович","88005553531"],["Сочи","Пупкин","Пупок","Пупович","88005553530"],["Иркутск","Пупкин","Пупок","Пупович","88005553535"]
];

// Выводим список пользователей на странице
ReactDOM.render(
  <UsersList users={users} />,
  document.getElementById('root')
);

1 ответ 1

0
const users = [
["Москва","Пупкин","Пупок","Пупович","88005553535"],["Краснодар","Пупкин","Пупок","Пупович","88005553532"],
["Москва","Пупкин","Пупок","Пупович","88005553531"],["Сочи","Пупкин","Пупок","Пупович","88005553530"],["Иркутск","Пупкин","Пупок","Пупович","88005553535"]
];
//result = Object.keys(users.reduce((ar, obj) => (ar[obj[0]] = obj, ar), {}));
result = [...new Set(users.reduce((ar, obj) => (ar.push(obj[0]), ar), []))];
console.dir(result);

https://jsfiddle.net/cyeuja0L/

Результат:

Array(4)
0: "Москва"
1: "Краснодар"
2: "Сочи"
3: "Иркутск"
2
  • Вот, что в результате МоскваПупкинПупокПупович88005553531КраснодарПупкинПупокПупович88005553532СочиПупкинПупокПупович88005553530ИркутскПупкинПупокПупович88005553535 а мне нужно вывести только список городов из этих элементов
    – fake415
    29 апр 2020 в 11:33
  • У вас в описании вопроса задача описана иначе, но если вам нужны только названия городов, то можете использовать: result = Object.keys(users.reduce((ar, obj) => (ar[obj[0]] = obj, ar), {}));
    – Vladimir T
    29 апр 2020 в 11:47

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.