排序未应用于对象列表

Question

我正在对一个对象数组进行排序，排序函数似乎对数组没有任何结果。所以它返回相同的列表。

我将数组和排序函数导出到窗口并手动执行它们，然后得到的数组排序良好。

import { connect } from "react-redux"

import DestinationsGallery from "./destinationsGallery"

import DestinationFilter from "./functions/filter"
import WindPoint from "./functions/windPoint"
import {sortCosts,sortWind, sortName} from "./functions/sort"

const getSelectedDestinations = ( catalog, filter ) => { 
    let paramCatalog = null 
    let paramSorted = null

    if (catalog) {
        paramCatalog =  catalog
            .map(spot => WindPoint(spot,filter))
            .filter( item => DestinationFilter( item,filter ) )
            .sort( ( a,b ) => a.name.localeCompare( b.name ) )


        window.catalog = paramCatalog
        window.sortCosts = sortCosts
        window.sortWind = sortWind
        window.sortName = sortName

        console.log("Unsorted",paramCatalog)    
        paramSorted = paramCatalog.sort( sortName )
        console.log( "Sorted name",paraSorted, paramCatalog.sort( sortName ) )


        let paraSorted = paramCatalog.sort( sortWind )
        console.log( "Sorted wind",paraSorted )
    }
    return paramSorted
}

export default connect( store => ({
    destinations: getSelectedDestinations(store.kiteSpots.catalog.list, store.kiteSpots.filter),
    filter: store.kiteSpots.filter,
}),null)(DestinationsGallery)

我的排序功能是：

export const sortCosts = ( a,b ) => ( a.data.CostsRank > b.data.CostsRank? 1 : -1 )  
export const sortWind = ( a,b ) => ( a.windPoint.probability > b.windPoint.probability ? 1 : -1 ) 
export const sortName = ( a,b ) => { return a.name > b.name ? 1 : -1 }

所以我只想输出列表是正确的

Answer 1

您可以尝试使用String.prototype.localeCompare 来比较字符串。 See MDN.

const x = [
  { name: "James"},
  { name: "Zeb"},
  { name: "Annie"},
  { name: "Michaèl"},
  { name: "James"},
];

console.log( x.slice(0).sort( (a, b) => a.name.localeCompare(b.name) ) );
// include value equality
console.log( x.slice(0).sort( (a, b) => -(a.name < b.name) || +(a.name > b.name)) );

或者在比较中包含可能的值相等：

a.name > b.name ? 1 : a.name < b.name ? -1 : 0) 或（见 cmets）

-(a.name < b.name) || +(a.name > b.name)

或者（为了性能）你可以使用Intl.Collator（see MDN和下一个sn-p）

const intlCollator = new Intl.Collator("de", {sensitivity: "variant"});
console.log( 
  [
    { name: "Anna"},
    { name: "Michiel"},
    { name: "Desiré"},
    { name: "Siënna"},
    { name: "Jøn"},
    { name: "Mariêke"},
    { name: "José"},
    { name: "Anna"},
    { name: "Renée"},
    { name: "Désirée"},
  ].sort( (a, b) => 
      intlCollator.compare(a.name, b.name) )
);

.as-console-wrapper { top: 0; max-height: 100% !important; }

Answer 2

如果它符合您的预期，此代码不会对目录数组进行变异（排序），只有参数目录将被排序，因为排序应用于目录的映射和过滤结果，两者都返回新的数组实例。

如果您发布更多代码和源数据，我们可能会发现问题所在。

也就是说，您不应该使用数学运算符以这种方式比较字符串，因为它的行为可能与您预期的不同。

This discussion from stackoverflow 解释了一些差异。简而言之，代码点顺序（与 > 比较时使用）与实际字母顺序不同。

此外，比较函数的返回值应该是 1、-1 或 0，因为有时不交换相等的值很重要。

例如，通过允许交换相等的比较值对 [0,0,1,1,2,2,3,3] 进行排序并不重要。

但是排序 [{ name: 'foo', value: 0},{ name: 'bar', value: 0},{ name: 'fuu', value: 1},{ name: 'ber', value : 1}] 根据值可能会在不理想时更改原始数组的顺序。

确实，原生排序的旧实现不关心相等的比较值，并且可能无论如何都有顺序，但现在没有实现尊重不修改已排序数组的约定。

如果您关心 unicode 字符串的字母顺序，请尝试使用 String.prototype.localeCompare。

如果您正在比较数字（例如 a 和 b），并且您不必处理 NaN 或无穷大或未定义，则它更正确并且需要更少的本机指令来返回 a-b 以进行升序和b-a 用于降序。