JavaScript数组根据某个字段排序，有值的往前排|极客笔记

JavaScript数组根据某个字段排序，有值的往前排

在JavaScript中，我们经常会遇到需要对数组进行排序的情况。在本文中，我将详细介绍如何根据数组中某个字段的值来进行排序，并且将有值的元素排在前面。

示例代码

首先，我们需要准备一个示例数组：

let array = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 0 },
  { name: 'Charlie', age: 30 },
  { name: 'David', age: 0 },
];

接下来，我们可以使用Array.protoype.sort()方法对数组进行排序。我们需要传入一个排序函数作为参数，该函数用来定义排序规则。

下面是根据age字段对数组进行排序的代码示例：

array.sort((a, b) => {
  if (a.age === 0 && b.age !== 0) {
    return 1;
  } else if (a.age !== 0 && b.age === 0) {
    return -1;
  } else {
    return 0;
  }
});

运行以上代码后，我们可以得到排序后的数组array：

console.log(array);
// Output:
// [
//   { name: 'Alice', age: 25 },
//   { name: 'Charlie', age: 30 },
//   { name: 'Bob', age: 0 },
//   { name: 'David', age: 0 }
// ]

如上所示，根据age字段的值，有值的元素（age不为0）会被排在前面。

其他示例

除了上述的示例代码，我们还可以结合实际需求，对数组进行更复杂的排序。下面是一个根据字符串长度排序的示例：

let strArray = ['deepinout.com', 'hello', 'world', 'example'];
strArray.sort((a, b) => {
  if (a.length < b.length) {
    return -1;
  } else if (a.length > b.length) {
    return 1;
  } else {
    return 0;
  }
});

console.log(strArray);
// Output:
// ['hello', 'world', 'example', 'deepinout.com']

在这个示例中，我们根据字符串的长度进行排序，长度较短的字符串排在前面。