您的位置:首页 > 教程笔记 > 前端笔记

js数组排序怎么用

2024-06-22 12:23:57 前端笔记 159

使用 JavaScript 数组排序

JavaScript 中的数组排序是使用 sort() 方法实现的。该方法对数组元素进行原地排序,并返回已排序的数组。

语法:

array.sort([compareFunction])

其中,compareFunction 是一个可选的比较函数,用于定义排序规则。

比较函数:

比较函数是一个接收两个数组元素作为参数的函数。它返回一个数字,表示这两个元素的相对次序:

如果 compareFunction(a, b)
如果 compareFunction(a, b) > 0,则 b 排在 a 之前。
如果 compareFunction(a, b) === 0,则两个元素的顺序不变。

默认排序:

如果没有提供比较函数,则数组按字符串的 Unicode 代码点进行排序。这意味着数字会按其字符串表示进行排序,而不是按其数值大小。

示例:

按字符串排序:

const fruits = ['Apple', 'Orange', 'Banana', 'Kiwi'];
fruits.sort();
console.log(fruits); // ['Apple', 'Banana', 'Kiwi', 'Orange']

按数字排序:

可以使用比较函数按数字排序:

const numbers = [3, 1, 6, 2, 5];
numbers.sort((a, b) => a - b);
console.log(numbers); // [1, 2, 3, 5, 6]

按对象属性排序:

还可以使用比较函数按对象属性排序:

const people = [
  { name: 'John', age: 30 },
  { name: 'Mary', age: 25 },
  { name: 'Bob', age: 40 },
];
people.sort((a, b) => a.age - b.age);
console.log(people); // [{ name: 'Mary', age: 25 }, { name: 'John', age: 30 }, { name: 'Bob', age: 40 }]

相关推荐

  • js数组方法怎么用

    js数组方法怎么用

    JS 数组方法简介JavaScript 数组提供了广泛的方法,用于操作和管理数组中的元素。这些方法分为两大类别:修改数组和不修改数组。修改数组的方法push(): 在数组末尾添加一个或多个元素。pop

    前端笔记 2024-06-22 12:23:56 198
  • js中二维数组怎么用

    js中二维数组怎么用

    JavaScript 中使用二维数组二维数组是 JavaScript 中存储和处理数据的一种有用结构,它允许您表示一个表格状的数据集合,其中每个元素都有两个索引。初始化二维数组创建二维数组有两种主要方

    前端笔记 2024-06-22 12:23:52 161
  • js数组遍历是什么意思

    js数组遍历是什么意思

    什么是 JS 数组遍历JS 数组遍历是指通过循环结构,逐个访问和操作数组元素的过程。遍历数组的目的是为了检索、修改、汇总或执行其他操作。遍历数组的方法有很多方法可以遍历一个 JS 数组,每种方法都有其

    前端笔记 2024-06-22 12:23:49 188
  • js中set数组去重怎么用

    js中set数组去重怎么用

    JavaScript 中使用 Set 进行数组去重什么是 Set?Set 是 JavaScript 中一个内置的集合类型,它可以存储唯一的值。这意味着 Set 中的每个元素仅出现一次,即使你向其中添加

    前端笔记 2024-06-22 12:23:36 110
  • js回调函数是什么意思

    js回调函数是什么意思

    什么是 JavaScript 回调函数?回调函数是指在另一个函数执行完成后被调用的函数。它作为参数传递给另一个函数,并在该函数执行完成后被执行。如何使用回调函数?要使用回调函数,需要执行以下步骤:回调

    前端笔记 2024-06-22 12:23:22 79