当前位置:首页 > JavaScript

js数组升序排序实现

2026-01-31 04:06:49JavaScript

使用 sort() 方法实现升序排序

JavaScript 数组的 sort() 方法默认按 Unicode 码点排序,对数字数组需传入比较函数。比较函数返回 a - b 时实现升序排列:

const numbers = [3, 1, 4, 1, 5, 9];
numbers.sort((a, b) => a - b);
console.log(numbers); // 输出: [1, 1, 3, 4, 5, 9]

对字符串数组升序排序

字符串数组可直接使用 sort() 方法,默认按字母顺序升序排列:

const fruits = ['banana', 'apple', 'orange'];
fruits.sort();
console.log(fruits); // 输出: ['apple', 'banana', 'orange']

处理包含 undefined 的数组

sort() 方法会将 undefined 元素排到数组末尾,其他元素正常排序:

const mixed = [3, undefined, 1, undefined, 2];
mixed.sort((a, b) => a - b);
console.log(mixed); // 输出: [1, 2, 3, undefined, undefined]

对象数组按属性升序排序

通过比较函数指定对象属性实现排序:

const users = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 21 },
  { name: 'Charlie', age: 23 }
];
users.sort((a, b) => a.age - b.age);
console.log(users);
// 输出: [
//   {name: 'Bob', age: 21},
//   {name: 'Charlie', age: 23},
//   {name: 'Alice', age: 25}
// ]

保持原始数组不变的排序方式

使用扩展运算符或 slice() 创建副本后再排序,避免修改原数组:

const original = [5, 2, 8];
const sorted = [...original].sort((a, b) => a - b);
console.log(original); // [5, 2, 8]
console.log(sorted);   // [2, 5, 8]

js数组升序排序实现

标签: 升序数组
分享给朋友:

相关文章

vue数组实现原理

vue数组实现原理

Vue 数组响应式原理 Vue 通过重写数组的原型方法来实现对数组变化的监听。Vue 没有直接监听数组的索引变化,而是通过拦截数组的变异方法(如 push、pop、splice 等)来触发视图更新。…

vue实现数组平均值

vue实现数组平均值

计算数组平均值的方法 在Vue中计算数组的平均值可以通过多种方式实现。以下是几种常见的方法: 方法一:使用计算属性 export default { data() { retu…

vue实现数组

vue实现数组

vue实现数组操作 在Vue中操作数组需要使用Vue提供的响应式方法,直接修改数组元素不会触发视图更新。以下是常见的数组操作方法: 添加元素 使用push、unshift或splice方法添加元素:…

php数组实现

php数组实现

PHP 数组的基本实现 PHP 数组是一种非常灵活的数据结构,可以存储多个值,并且支持多种类型的键(整数或字符串)。PHP 数组实际上是有序映射(ordered map),可以看作是列表(vector…

java如何输出数组

java如何输出数组

输出数组的方法 在Java中,输出数组内容有多种方式,具体取决于数组类型和输出格式需求。以下是几种常见的方法: 使用Arrays.toString()方法 适用于一维数组,直接调用Arrays.to…

java如何初始化数组

java如何初始化数组

初始化数组的方法 在Java中,数组可以通过多种方式进行初始化。以下是几种常见的方法: 静态初始化(直接赋值) 在声明数组时直接指定元素值,适用于已知数组内容的情况: int[] numbers…