Home Web Front-end JS Tutorial Mastering Sort Algorithm like a PRO

Mastering Sort Algorithm like a PRO

Oct 19, 2024 am 08:22 AM

As we've been talking about different sorting algorithms, today we'll be learning about the selection sort algorithm. A sorting algorithm that allows for the possible minimum amount of swaps in a memory-constrained environment.

Table of Contents

  1. Introduction
  2. What is Selection Sort Algorithm?
  3. How does selection sort work?
    • Time Complexity
    • Space Complexity
  4. Implementation in JavaScript
  5. Solving LeetCode Problems
  6. Conclusion

Introduction

Selection sort is a simple yet effective sorting algorithm that works by repeatedly selecting the smallest (or largest) element from the unsorted portion of the list and moving it to the beginning (or end) of the sorted portion. This process is repeated until the entire list is sorted. In this article, we will delve into the details of the selection sort algorithm, its implementation in JavaScript, and its applications in solving real-world problems.

Mastering Sort Algorithm like a PRO

What is Selection Sort Algorithm?

Selection Sort algorithm is an in-place comparison sorting algorithm. It divides the input list into two parts:

  1. The sorted portion at the left end
  2. The unsorted portion at the right end

The algorithm repeatedly selects the smallest element from the unsorted portion and swaps it with the leftmost unsorted element, moving the boundary between the sorted and unsorted portions one element to the right.

How does selection sort work?

Let's walk through an example using the array [64, 25, 12, 22, 11]:

  1. Initial array: [64, 25, 12, 22, 11]
  • Sorted portion: []
  • Unsorted portion: [64, 25, 12, 22, 11]
  1. First pass:
  • Find minimum in unsorted portion: 11
  • Swap 11 with first unsorted element (64)
  • Result: [11, 25, 12, 22, 64]
  • Sorted portion: [11]
  • Unsorted portion: [25, 12, 22, 64]
  1. Second pass:
  • Find minimum in unsorted portion: 12
  • Swap 12 with first unsorted element (25)
  • Result: [11, 12, 25, 22, 64]
  • Sorted portion: [11, 12]
  • Unsorted portion: [25, 22, 64]
  1. Third pass:
  • Find minimum in unsorted portion: 22
  • Swap 22 with first unsorted element (25)
  • Result: [11, 12, 22, 25, 64]
  • Sorted portion: [11, 12, 22]
  • Unsorted portion: [25, 64]
  1. Fourth pass:
  • Find minimum in unsorted portion: 25
  • 25 is already in the correct position
  • Result: [11, 12, 22, 25, 64]
  • Sorted portion: [11, 12, 22, 25]
  • Unsorted portion: [64]
  1. Final pass:
    • Only one element left, it's automatically in the correct position
    • Final result: [11, 12, 22, 25, 64]

The array is now fully sorted.

Time Complexity

Selection Sort has a time complexity of O(n^2) in all cases (best, average, and worst), where n is the number of elements in the array. This is because:

  • The outer loop runs n-1 times
  • For each iteration of the outer loop, the inner loop runs n-i-1 times (where i is the current iteration of the outer loop)

This results in approximately (n^2)/2 comparisons and n swaps, which simplifies to O(n^2).

Due to this quadratic time complexity, Selection Sort is not efficient for large datasets. However, its simplicity and the fact that it makes the minimum possible number of swaps can make it useful in certain situations, especially when auxiliary memory is limited.

Space Complexity

Selection Sort has a space complexity of O(1) because it sorts the array in-place. It only requires a constant amount of additional memory space regardless of the input size. This makes it memory-efficient, which can be advantageous in memory-constrained environments.

Implementation in JavaScript

Here's a JavaScript implementation of Selection Sort Algorithm:

function selectionSort(arr) {
  const n = arr.length;

  for (let i = 0; i < n - 1; i++) {
    let minIndex = i;

    // Find the minimum element in the unsorted portion
    for (let j = i + 1; j < n; j++) {
      if (arr[j] < arr[minIndex]) {
        minIndex = j;
      }
    }

    // Swap the found minimum element with the first unsorted element
    if (minIndex !== i) {
      [arr[i], arr[minIndex]] = [arr[minIndex], arr[i]];
    }
  }

  return arr;
}

// Example usage
const unsortedArray = [64, 25, 12, 22, 11];
console.log("Unsorted array:", unsortedArray);
console.log("Sorted array:", selectionSort(unsortedArray));
Copy after login
Copy after login

Let's break down the code:

  1. We define a function selectionSort that takes an array as input.
  2. We iterate through the array with the outer loop (i), which represents the boundary between the sorted and unsorted portions.
  3. For each iteration, we assume the first unsorted element is the minimum and store its index.
  4. We then use an inner loop (j) to find the actual minimum element in the unsorted portion.
  5. If we find a smaller element, we update minIndex.
  6. After finding the minimum, we swap it with the first unsorted element if necessary.
  7. We repeat this process until the entire array is sorted.

Solving LeetCode Problems

Let'solve one leetcode algorithm problem using selection sort algorithm. Shall we?

Problem: Sort An Array [Medium]

Problem: Given an array of integers nums, sort the array in ascending order and return it. You must solve the problem without using any built-in functions in O(nlog(n)) time complexity and with the smallest space complexity possible.

Approach:: To solve this problem, we can directly apply the Selection Sort algorithm. This involves iterating through the array, finding the smallest element in the unsorted portion, and swapping it with the first unsorted element. We repeat this process until the entire array is sorted.

Solution:

function selectionSort(arr) {
  const n = arr.length;

  for (let i = 0; i < n - 1; i++) {
    let minIndex = i;

    // Find the minimum element in the unsorted portion
    for (let j = i + 1; j < n; j++) {
      if (arr[j] < arr[minIndex]) {
        minIndex = j;
      }
    }

    // Swap the found minimum element with the first unsorted element
    if (minIndex !== i) {
      [arr[i], arr[minIndex]] = [arr[minIndex], arr[i]];
    }
  }

  return arr;
}

// Example usage
const unsortedArray = [64, 25, 12, 22, 11];
console.log("Unsorted array:", unsortedArray);
console.log("Sorted array:", selectionSort(unsortedArray));
Copy after login
Copy after login

This solution directly applies the Selection Sort algorithm we implemented earlier. While it correctly solves the problem, it's worth noting that this solution may exceed the time limit for large inputs on LeetCode due to the O(n^2) time complexity of Selection Sort. The image below shows that the solution is correct but not efficient.

Mastering Sort Algorithm like a PRO

Conclusion

In conclusion, Selection Sort is a simple and intuitive sorting algorithm that serves as an excellent introduction to the world of sorting techniques. Its simplicity makes it easy to understand and implement, making it a valuable learning tool for beginners. However, due to its quadratic time complexity O(n^2), it is not efficient for large datasets. For larger datasets or performance-critical applications, more efficient algorithms like QuickSort, MergeSort, or built-in sorting functions are preferred.



Stay Updated and Connected

To ensure you don't miss any part of this series and to connect with me for more in-depth
discussions on Software Development (Web, Server, Mobile or Scraping / Automation), data
structures and algorithms, and other exciting tech topics, follow me on:

Mastering Sort Algorithm like a PRO

The Great SoluTion ?

Software Engineer | Technical Writer | Backend, Web & Mobile Developer ? | Passionate about crafting efficient and scalable software solutions. #letsconnect ?
  • GitHub
  • Linkedin
  • X (Twitter)

Stay tuned and happy coding ?‍??

The above is the detailed content of Mastering Sort Algorithm like a PRO. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

What should I do if I encounter garbled code printing for front-end thermal paper receipts? What should I do if I encounter garbled code printing for front-end thermal paper receipts? Apr 04, 2025 pm 02:42 PM

Frequently Asked Questions and Solutions for Front-end Thermal Paper Ticket Printing In Front-end Development, Ticket Printing is a common requirement. However, many developers are implementing...

Demystifying JavaScript: What It Does and Why It Matters Demystifying JavaScript: What It Does and Why It Matters Apr 09, 2025 am 12:07 AM

JavaScript is the cornerstone of modern web development, and its main functions include event-driven programming, dynamic content generation and asynchronous programming. 1) Event-driven programming allows web pages to change dynamically according to user operations. 2) Dynamic content generation allows page content to be adjusted according to conditions. 3) Asynchronous programming ensures that the user interface is not blocked. JavaScript is widely used in web interaction, single-page application and server-side development, greatly improving the flexibility of user experience and cross-platform development.

Who gets paid more Python or JavaScript? Who gets paid more Python or JavaScript? Apr 04, 2025 am 12:09 AM

There is no absolute salary for Python and JavaScript developers, depending on skills and industry needs. 1. Python may be paid more in data science and machine learning. 2. JavaScript has great demand in front-end and full-stack development, and its salary is also considerable. 3. Influencing factors include experience, geographical location, company size and specific skills.

How to merge array elements with the same ID into one object using JavaScript? How to merge array elements with the same ID into one object using JavaScript? Apr 04, 2025 pm 05:09 PM

How to merge array elements with the same ID into one object in JavaScript? When processing data, we often encounter the need to have the same ID...

Is JavaScript hard to learn? Is JavaScript hard to learn? Apr 03, 2025 am 12:20 AM

Learning JavaScript is not difficult, but it is challenging. 1) Understand basic concepts such as variables, data types, functions, etc. 2) Master asynchronous programming and implement it through event loops. 3) Use DOM operations and Promise to handle asynchronous requests. 4) Avoid common mistakes and use debugging techniques. 5) Optimize performance and follow best practices.

How to achieve parallax scrolling and element animation effects, like Shiseido's official website?
or:
How can we achieve the animation effect accompanied by page scrolling like Shiseido's official website? How to achieve parallax scrolling and element animation effects, like Shiseido's official website? or: How can we achieve the animation effect accompanied by page scrolling like Shiseido's official website? Apr 04, 2025 pm 05:36 PM

Discussion on the realization of parallax scrolling and element animation effects in this article will explore how to achieve similar to Shiseido official website (https://www.shiseido.co.jp/sb/wonderland/)...

The Evolution of JavaScript: Current Trends and Future Prospects The Evolution of JavaScript: Current Trends and Future Prospects Apr 10, 2025 am 09:33 AM

The latest trends in JavaScript include the rise of TypeScript, the popularity of modern frameworks and libraries, and the application of WebAssembly. Future prospects cover more powerful type systems, the development of server-side JavaScript, the expansion of artificial intelligence and machine learning, and the potential of IoT and edge computing.

The difference in console.log output result: Why are the two calls different? The difference in console.log output result: Why are the two calls different? Apr 04, 2025 pm 05:12 PM

In-depth discussion of the root causes of the difference in console.log output. This article will analyze the differences in the output results of console.log function in a piece of code and explain the reasons behind it. �...

See all articles