如果值存在，则对对象数组进行排序_JavaScript

下面是我的排序功能，但我想在顶部显示代码。 我想按代码然后按描述对对象数组进行排序。 现在，没有代码的项目被放置在订单的顶部。

data = [
 {
  code: "1.1",
  description: "aaa"
 },
 {
  code: "",
  description: "bbb"
 },
 {
  code: "1.2",
  description: "ccc"
 }
]


  let sortedData = data.sort(function(a, b) {
    let codeA = a.code
    let codeB = b.code
    let descriptionA = a.description.toLowerCase()
    let descriptionB = b.description.toLowerCase()

    if (codeA < codeB) return -1
    if (codeA > codeB) return 1
    if (descriptionA < descriptionB) return -1
    if (descriptionA > descriptionB) return 1
    return 0
  })

  return sortedData

当前订单：

["bbb", "aaa", "ccc"]

预期订单：

["aaa", "ccc", "bbb"]

使用xor ^运算符，我们可以检查其中一个代码是否虚假，而另一个代码是否虚假。 在这种情况下，falsy为空白。 如果是这样，则一个空白的应该大于另一个，以便在其后进行排序。
否则，请减去代码，然后再进行正常排序的说明。

 var data = [ { code: "1.1", description: "aaa" }, { code: "", description: "bbb" }, { code: "1.2", description: "ccc" } ]; let sortedData = data.sort(function(a, b) { let codeA = a.code; let codeB = b.code; let descriptionA = a.description.toLowerCase(); let descriptionB = b.description.toLowerCase(); if (codeA ^ codeB) { return !codeA ? 1 : -1; } return codeA.localeCompare(codeB) || descriptionA.localeCompare(descriptionB); }); console.log(sortedData)

使""出现在末尾的一种方法是在比较值前加上前缀，因此，如果代码为“”，则该值变为"B" ，如果为1.1则变为A1.1 ，因此A1.1 < B ..

这样做也很容易修改以进行各种花式排序，例如。 假设您想按字母顺序排序，但想要所有K's开头，所有B's结尾，这很奇怪。 但是很容易实现。 我想您可以称其为例外排序。

这是一个工作示例。

 const data = [ { code: "1.1", description: "aaa" }, { code: "", description: "bbb" }, { code: "1.2", description: "ccc" } ]; data.sort(( { code: code1, description: desc1 }, { code: code2, description: desc2 } ) => { code1 = (code1 === "" ? "B" : "A") + code1; code2 = (code2 === "" ? "B" : "A") + code2; return code1.localeCompare(code2) || desc1.localeCompare(desc2); }); console.log(data);

您的测试用例有点松懈，很难发现一些错误。 通常，最好使用localeCompare比较字符串。 您可以对两个非常简单但易于理解的if语句加上字符串的localeCompare进行区分：

这是一些额外的测试用例

 let data = [{ code: "1.1", description: "ddd" }, { code: "1.101", description: "ccc" }, { code: "", description: "eee" }, { code: "1.2", description: "De" }, { code: "1.1", description: "aaa" }, { code: "", description: "bbb" }, { code: "1.2", description: "ccc" }, { code: "1.2", description: "AbcD" } ] data.sort((a, b) => { if (a.code && !b.code) return -1 if (b.code && !a.code) return 1 return a.code.localeCompare(b.code) || a.description.localeCompare(b.description) }) console.log(data)

：

由于第二个代码为空，因此您将比较一个空字符串，而Javascript会将Float转换为String 。 奇怪的是，如果您比较任何小于任何其他字符串的字符串，它将始终返回true ！ 反之亦然-如果您将其比较为大于任何其他字符串，它将始终返回false 。

"" < "1.1" // return true
"1.1" < "" // return true!

"" > "1.1" // return false
"1.1" > "" // return false!

为了解决您的问题，您可以在其他检查之前添加两个其他检查

if (codeA === "" && codeA.length < codeB.length) return 1;
if (codeB === "" && codeA.length > codeB.length) return -1;

如果codeA或codeB是String ，则可以简单地比较字符串的长度。

如果值存在，则对对象数组进行排序

问题描述

1楼

2楼

3楼

4楼