Найти и заменить соответствующий объект в массиве - JavaScript

У меня есть множество объектов "люди". Когда добавляется новый человек, функция должна проверять, был ли уже добавлен кто-то с таким именем. В таком случае этот объект следует заменить новым. Если новый человек еще не был добавлен, он просто добавляется в конец. Как лучше всего это сделать?

Вот объект

    const people = [
    {name: Joe M, town: London},
    {name: Julie A, town: London},
    {name: Sally N, town: Edinburgh},
    {name: Max M, town: Liverpool}
  ]

Вот что я пробовал

  for(let key in people) {
  if (people[key].name === newPerson.name){
    people.splice(key, 1, newPerson)
  } else {
    this.people.push(this.newPerson)
  }
}
for...in... предназначен для объектов, а не массивов
Andreas 27.12.2018 14:20

И в чем тут проблема?

Andreas 27.12.2018 14:21

разве не может быть 2 человек с одинаковыми именами?

Amit Chauhan 27.12.2018 14:24

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

George Bleasdale 27.12.2018 14:27

Проблема была в логике. Вы хотите соединить или нажать только один раз, а не для каждого человека в массиве людей. Как показано ниже, Array.find() и Array.findIndex() являются прекрасными инструментами для проверки, существует ли уже человек.

Shilly 27.12.2018 14:31
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
3
5
5 699
3
Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Вы можете использовать метод поиска из библиотеки Lodash (https://lodash.com/docs/4.17.11#find).

Вы ищете человека, которого хотите, и с помощью индекса можете легко его изменить.

Используя Lodash, вы можете найти индекс вычисления, если пользователь не найдет, индекс чего-либо вернет -1, поэтому мы можем это проверить и сделать вот так:

const index = _.indexOf(people, { name: newPerson.name});
if (index >= 0) people.splice(index, 1, newPerson)
else people.push(newPerson)

Кроме того, если вы не используете lodash, вы можете заменить константу индекса на: people.findIndex(i => i.name === newPerson.name);

Ответ принят как подходящий

Есть много способов, попробуйте это:

  const index = people.findIndex(p => p.name === newPerson.name)

  if (index === -1) {
     people.push(newPerson);
  } else {
     people[index] = newPerson;
  }

Другие вопросы по теме