Sort — это функция, которую вы можете вызвать, как указано в ее имени, для сортировки данных массива («[]») и возврата ссылки на тот же массив, теперь отсортированный.

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

Это простой способ описать это, он показывает нам переменную с именем Data с массивом внутри, он передает данные через Sort и вызывает их, когда вы консольируете переменную, в которой вы храните отсортированный массив. Еще одна деталь, которую следует принять во внимание, заключается в том, что Sort естественным образом упорядочивает элементы от A до Z , поэтому вопрос в том, что происходит, когда вы хотите отсортировать элементы по убыванию, поэтому от Z до A есть еще одна функция, которую мы можем использовать для достижения этого называется Reverse.

Очевидно, что эти примеры довольно просты для понимания, но сложность Sort выросла, когда вам нужно повторно отобразить элементы в вашем коде, и, конечно, есть некоторые другие вещи, которые вам нужно учитывать, когда вы используете sort , например, когда вместо этого сортировки строк вы используете числа, почему? потому что вам нужно предоставить функцию сравнения в вашем синтаксисе.

Как вы можете видеть здесь, существует различный синтаксис для вызова sort() в зависимости от того, что вы хотите получить, вам может быть интересно, почему не всегда использовать сортировку без функции, поэтому, когда вы работаете с числами вместо строки по умолчанию, сортировка будет преобразовывать число в строку и упорядочить все в соответствии с его значением в Unicode , поэтому в числовой сортировке 9 будет первым, чем 80, но в строковом способе «80» будет первым, что «9» из-за его значения Unicode.

Теперь мы пойдем немного глубже и покажем пример, более связанный с реакцией и тем, как использовать сортировку для обработки информации и условного рендеринга в вашем приложении.

В этом сценарии мы будем иметь дело с массивом объектов, которые добавляют некоторую сложность, потому что мы должны сначала отсортировать (), а после его сортировки нам нужно будет отобразить (), который создаст новый массив для каждого элемента, поэтому в этом случае мы будет иметь 4 новых массива, по одному на каждого сотрудника, и отображать три «h2» с идентификатором, именем и страной.

Опять же, здесь у нас есть еще один массив объектов и раскрывающееся меню с 3 параметрами, у нас есть хуки состояния и один эффект использования с функцией sortArray внутри него, что позволит автоматически выполняться на основе изменения типа сортировки, они отображаются через отсортированный массив и визуализировать 4 элемента div с именем, страной, коллекцией и ReleaseOn, которые будут отображать на веб-сайте элементы, которые вы передали через карту.