JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)

JS数组排序技巧汇总

在 Javascript 中,排序操作是非常常见的操作。本篇文章将会介绍常见的几种排序算法:冒泡排序、选择排序、插入排序、快速排序和希尔排序。同时,我们也会讲解如何使用这些算法在 Javascript 中进行排序。

冒泡排序

冒泡排序是最基础的算法之一,也是最容易理解的算法之一。它通过依次比较相邻的两个元素,把大的元素往后排,小的元素往前排。

以下是一个使用冒泡排序进行升序排序的例子:

function bubbleSort(arr) {
  var len = arr.length;
  for (var i = 0; i < len - 1; i++) {
    for (var j = 0; j < len - 1 - i; j++) {
      if (arr[j] > arr[j + 1]) {
        [arr[j], arr[j + 1]] = [arr[j + 1], arr[j]];
      }
    }
  }
  return arr;
}

const arr = [5, 4, 3, 2, 1];
console.log(bubbleSort(arr)); // [1, 2, 3, 4, 5]

选择排序

选择排序是另一种基础的排序算法,它通过不断选择最小的元素,来实现排序。

以下是一个使用选择排序进行升序排序的例子:

function selectionSort(arr) {
  for (var i = 0, len = arr.length; i < len - 1; i++) {
    var minIndex = i;
    for (var j = i + 1; j < len; j++) {
      if (arr[j] < arr[minIndex]) {
        minIndex = j;
      }
    }
    if (minIndex !== i) {
      [arr[i], arr[minIndex]] = [arr[minIndex], arr[i]];
    }
  }
  return arr;
}

const arr = [5, 4, 3, 2, 1];
console.log(selectionSort(arr)); // [1, 2, 3, 4, 5]

插入排序

插入排序是一种简单直观的排序算法,它的思路是将未排序序列中的元素插入到已排序序列的合适位置。

以下是一个使用插入排序进行升序排序的例子:

function insertSort(arr) {
  var len = arr.length;
  for (var i = 1; i < len; i++) {
    var temp = arr[i];
    var j = i - 1;
    while (j >= 0 && arr[j] > temp) {
      arr[j + 1] = arr[j];
      j--;
    }
    arr[j + 1] = temp;
  }
  return arr;
}

const arr = [5, 4, 3, 2, 1];
console.log(insertSort(arr)); // [1, 2, 3, 4, 5]

快速排序

快速排序是常见的排序算法之一,它通过递归调用自身来实现分治的思想,将大问题分解成小问题,以此解决大问题。

以下是一个使用快速排序进行升序排序的例子:

function quickSort(arr) {
  if (arr.length <= 1) {
    return arr;
  }

  var pivotIndex = Math.floor(arr.length / 2);
  var pivot = arr.splice(pivotIndex, 1)[0];
  var left = [];
  var right = [];

  for (var i = 0, len = arr.length; i < len; i++) {
    if (arr[i] < pivot) {
      left.push(arr[i]);
    } else {
      right.push(arr[i]);
    }
  }

  return quickSort(left).concat([pivot], quickSort(right));
}

const arr = [5, 4, 3, 2, 1];
console.log(quickSort(arr)); // [1, 2, 3, 4, 5]

希尔排序

希尔排序是插入排序的一种改进,它通过定义一个增量序列来将列表分成多个子序列进行排序,最终合并成完整的有序序列。

以下是一个使用希尔排序进行升序排序的例子:

function shellSort(arr) {
  var len = arr.length;
  var gap = Math.floor(len / 2);
  while (gap > 0) {
    for (var i = gap; i < len; i++) {
      var temp = arr[i];
      var j = i - gap;
      while (j >= 0 && arr[j] > temp) {
        arr[j + gap] = arr[j];
        j -= gap;
      }
      arr[j + gap] = temp;
    }
    gap = Math.floor(gap / 2);
  }
  return arr;
}

const arr = [5, 4, 3, 2, 1];
console.log(shellSort(arr)); // [1, 2, 3, 4, 5]

以上是几个常见的排序算法,它们各有优缺点,在实际开发中需要根据具体情况选择使用哪种算法来进行排序操作。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序) - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • JS中箭头函数与this的写法和理解

    JS中箭头函数与this的写法和理解是一个非常重要的问题,因为箭头函数的this规则和普通函数有所不同,如果不理解它的具体规则,就容易出现一些令人困惑的问题。下面就是一份关于箭头函数和this的完整攻略。 箭头函数的基本语法 箭头函数是在ES6中引入的一种语法,它是一种特殊的函数,它有以下的形式: (parameter1, parameter2, …, …

    JavaScript 2023年6月10日
    00
  • JavaScript字符串对象slice方法入门实例(用于字符串截取)

    JavaScript字符串对象slice方法入门实例 在JavaScript中,字符串对象是非常常用的数据类型,其内置的方法也非常丰富。其中一个方法就是slice()方法,这个方法可以用于截取字符串,下面就来详细讲解如何使用slice方法。 什么是slice方法? 我们先来看看slice方法的定义: String.slice(beginIndex[, end…

    JavaScript 2023年5月28日
    00
  • js使用文档就绪函数动态改变页面内容示例【innerHTML、innerText】

    当网页中所有的元素都被加载之后,我们可以使用JS中的文档就绪函数来动态改变页面内容。其中,innerHTML和innerText是两个用于改变元素内容的函数。下面详细介绍如何使用这两个函数实现动态改变页面内容的效果。 1. 文档就绪函数 JavaScript提供了两种文档就绪函数: window.onload: 当整个页面(包括图片、样式文件等)都加载完毕之…

    JavaScript 2023年6月10日
    00
  • JavaScript新窗口与子窗口传值详解

    JavaScript新窗口与子窗口传值详解 在Web开发中,我们经常需要在两个窗口之间传递数据,例如在弹出的新窗口中提交表单并将结果传递回主窗口,或者在子窗口中显示主窗口中选择的图片等。JavaScript提供了多种方法来实现窗口之间的数据传递。 1.使用window.open()方法创建新窗口 可以使用JavaScript的window.open()方法在…

    JavaScript 2023年6月11日
    00
  • 超轻量级的js时间库miment使用解析

    下面是关于“超轻量级的js时间库miment使用解析”的完整攻略。 什么是 miment? miment 是一款超轻量级的 JavaScript 时间库,它封装了原生 JavaScript 的 Date 对象,提供了更加简洁和易用的 API,而且只有 1 KB 左右的文件大小,非常适合在性能要求较高的项目中使用。 安装 miment 在使用 miment 之…

    JavaScript 2023年5月27日
    00
  • 介绍一下requestAnimationFrame和requestIdleCallback

    当我们需要执行动画或其他高性能操作时,常常会遇到以下问题: – 任务的执行频率过高,对 CPU 和内存造成了大量的压力。- 任务的优先级较高,导致其他任务无法及时得到处理。 为了解决这些问题,JavaScript 提供了两个调度 API:requestAnimationFrame 和 requestIdleCallback。   requestAnimati…

    JavaScript 2023年4月18日
    00
  • JS正则截取两个字符串之间及字符串前后内容的方法

    让我来为您详细讲解“JS正则截取两个字符串之间及字符串前后内容的方法”的完整攻略。 正则截取两个字符串之间 如果您需要截取两个字符串中间的内容,可以使用正则表达式来完成。使用正则表达式的match方法,可以传入一个正则表达式,返回匹配到的字符串数组。 示例: const str = ‘hello world, my name is Jack’; const …

    JavaScript 2023年5月28日
    00
  • 详解如何在vue项目中使用eslint+prettier格式化代码

    以下是在Vue项目中使用ESLint和Prettier的完整攻略: 安装和配置ESLint 安装ESLint 在终端中进入项目文件夹,并运行以下命令安装ESLint: npm i eslint –save-dev 创建ESLint配置文件 继续在项目文件夹中运行以下命令,创建名为.eslintrc.js的ESLint配置文件: npx eslint –i…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部