Как мы можем отсортировать объект массива в javascript?

Я пытаюсь отсортировать массив объектов по цветам:

Мой код: -

const colors = [
  {
    "color": "purple",
    "type": true
   
  },
  {
    "color": "red",
    "type": false
  },
{
    "color": "green",
    "type": true
  },
{
    "color": "black",
    "type": false
  },
{
    "color": "pink",
    "type": true
  }]
  

const list = colors.sort((a) => a.color);
console.info(list);

Спасибо за вашу поддержку!

Каков твой вопрос?

— 10.02.2023 07:55

Я хочу отсортировать по алфавиту.

— 10.02.2023 07:56

Вам нужна функция сравнения, возвращающая результат сравнения (0, отрицательный, положительный). Смотрите документацию: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

— 10.02.2023 07:57

javascript

10.02.2023 07:53

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 4

Этот код поможет вам отсортировать в порядке возрастания на основе значения цвета.

 const colors = [
      {
        "color": "purple",
        "type": true
       
      },
      {
        "color": "red",
        "type": false
      },
      {
        "color": "green",
        "type": true
      },
      {
        "color": "black",
        "type": false
      },
      {
        "color": "pink",
        "type": true
      }
    ]
    
    const sortedColors = colors.sort((a, b) => {
      if (a.color < b.color) {
        return -1;
      }
      if (a.color > b.color) {
        return 1;
      }
      return 0;
    });
    
    console.info(sortedColors);

10.02.2023 07:56

Попробуйте это, это сработает.

Вы можете изменить состояние в соответствии с требованиями, спасибо.

const colors = [{
    "color": "purple",
    "type": true

  },
  {
    "color": "red",
    "type": false
  },
  {
    "color": "green",
    "type": true
  },
  {
    "color": "black",
    "type": false
  },
  {
    "color": "pink",
    "type": true
  }
]

const result = colors.sort((a, b) => (a.color > b.color) ? 1 : ((b.color > a.color) ? -1 : 0))
console.info(result);

10.02.2023 07:56

Используя sort(), вы хотите сравнить два элемента в массиве, поэтому вам нужно поместить туда два параметра.

const colors = [
  {
    "color": "purple",
    "type": true
   
  },
  {
    "color": "red",
    "type": false
  },
{
    "color": "green",
    "type": true
  },
{
    "color": "black",
    "type": false
  },
{
    "color": "pink",
    "type": true
  }]
  

const list = colors.sort((a, b) => a.color > b.color);
console.info(list);

но это не сортировка по алфавиту

— 10.02.2023 07:58

Для более точной сортировки вам, вероятно, лучше использовать метод localeCompare.

— 10.02.2023 08:15

10.02.2023 07:57

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

Array.prototype.sort в JavaScript принимает обратный вызов с двумя параметрами.

Из МДН,

compareFn(a, b) возвращаемое значение Порядок сортировки > 0 сортировать а после б < 0 сортировать а перед б === 0 сохранить первоначальный порядок a и b

Однако вместо написания собственной функции сравнения вы можете использовать встроенную функцию String.prototype.localeCompare для сравнения двух строк.

const colors = [
  {
    "color": "purple",
    "type": true
   
  },
  {
    "color": "red",
    "type": false
  },
{
    "color": "green",
    "type": true
  },
{
    "color": "black",
    "type": false
  },
{
    "color": "pink",
    "type": true
  }]
  

const list = colors.sort((a, b) => a.color.localeCompare(b.color));
console.info(list);

10.02.2023 07:58

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

React Native — попытка изменить 2 высоты просмотра с помощью GestureHandler

Почему input.val() нельзя сохранить как глобальную переменную?

Я не знаю, почему я не могу получить доступ к API открытого ИИ для использования в реагирующем приложении

(Узел) Ошибка [ERR_HTTP_HEADERS_SENT]: невозможно установить заголовки после их отправки клиенту

Как исправить это, чтобы отображалось переменное количество пунктов меню?

Как искать и сопоставлять, если имя листа из значения ячейки на другом листе в скрипте приложений Google и копировать ячейки

Пользовательская функция сортировки ведет себя по-разному для строковых и цифровых клавиш

Рендеринг компонентов React из строки

Создайте объект «автомобиль» и сделайте так, чтобы одно из его свойств отображало строку

Переключить отображение/скрытие функций между несколькими div

Как мы можем отсортировать объект массива в javascript?

Ответы 4

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

Похожие вопросы