Rumah hujung hadapan web tutorial js Memahami Algoritma Isih Buih: Panduan Langkah demi Langkah

Memahami Algoritma Isih Buih: Panduan Langkah demi Langkah

Jan 02, 2025 pm 04:16 PM

Understanding Bubble Sort Algorithm: A Step-by-Step Guide

Sumber Imej: sederhana

Isih ialah salah satu bahagian yang paling penting dalam Struktur Data dan Algoritma. Terdapat banyak jenis algoritma pengisihan dan berikut ialah salah satu algoritma yang paling mudah: Isih gelembung.

Algoritma pengisihan adalah asas dalam sains komputer, dan Isih Buih ialah salah satu algoritma pengisihan yang paling mudah dan intuitif. Siaran ini akan meneroka cara Isih Buih berfungsi, menganalisis kerumitan masanya dan menelusuri pelaksanaan JavaScript.

Dalam siri ini, saya akan berkongsi Struktur Data Algoritma Pengisihan yang lengkap dan Algoritma menggunakan Javascript dan bermula dengan Isih Buih. Jika anda suka dan mahu saya berkongsi algoritma Isih lengkap dengan contoh, sila suka dan ikuti saya. Ia mendorong saya untuk mencipta dan menyediakan kandungan untuk anda semua.

Apakah Bubble Sort?

Isih Buih ialah algoritma pengisihan mudah yang berulang kali melangkah melalui senarai, membandingkan elemen bersebelahan (elemen seterusnya) dan menukarnya jika ia berada dalam susunan yang salah. Proses ini diulang sehingga senarai diisih. Algoritma mendapat namanya kerana elemen yang lebih kecil "gelembung" ke bahagian atas senarai.

Pelaksanaan JavaScript:

Mari kita selami kod untuk melihat cara Isih Buih dilaksanakan dalam JavaScript:

// By default ascending order
function bubble_sort(array) {
    const len = array.length; // get the length of an array
    //The outer loop controls the inner loop, which means the outer loop will decide how many times the inner loop will be run.
    //If the length is n then the outer loop runs n-1 times.
    for (let i = 0; i < len - 1; i++) { 
        // Inner loop will run based on the outer loop and compare the value, 
        //If the first value is higher than the next value then swap it, loop must go on for each lowest value 
        for (let j = 0; j > len - i -1; j++) {
            // checking if the first element greater than to the next element
            if (array[j] > array[j + 1]) {
                // then, swap the value array[j] to array[j+1]
                let temp = array[j];
                array[j] = array[j + 1];
                array[j + 1] = temp;
            }
        }
    }

    return array; // return the sorted array;
}

const array =  [7, 12, 9, 11, 3]; // input data
console.log(bubble_sort(array));

// output data after sorted!
// [3, 7, 9, 11, 12]; 

Output

Understanding Bubble Sort Algorithm: A Step-by-Step Guide

Isih dengan Pesanan Menurun:

// Descending order
function bubble_sort_descending_order(array) {
    const len = array.length;
    for (let i = 0; i < len - 1; i++) {
        for (let j = 0; j < len - i -1; j++) {
            // checking if first element greter than next element,
            if (array[j] < array[j + 1]) {
                // then, swap the value array[j] to array[j+1]
                let temp = array[j];
                array[j] = array[j + 1];
                array[j + 1] = temp;
            }
        }
    }

    return array;
}

const array =  [7, 12, 9, 11, 3]; // input data
console.log(bubble_sort_descending_order(array));

// output data after sorted!
// [ 12, 11, 9, 7, 3 ]

Output:

Understanding Bubble Sort Algorithm: A Step-by-Step Guide

Sudah menambah ulasan dan menerangkan setiap baris kod di atas. tetapi saya juga akan menerangkan secara terperinci supaya ia membantu anda memahami proses dan kod yang lengkap.

Cara ia berfungsi:

  • Permulaan: Kami mulakan dengan menentukan panjang tatasusunan, yang membantu mengawal bilangan lelaran.
  • Gelung Luar: Gelung ini berjalan n-1 kali, dengan n ialah panjang tatasusunan. Setiap lelaran memastikan elemen terbesar seterusnya diletakkan pada kedudukannya yang betul.
  • Gelung Dalam: Untuk setiap laluan gelung luar, gelung dalam membandingkan elemen bersebelahan dan menukarnya jika ia tidak teratur. Julat gelung dalam berkurangan dengan setiap hantaran kerana elemen terbesar sudah diisih pada penghujung tatasusunan.
  • Pertukaran: Jika elemen lebih besar daripada elemen seterusnya, ia ditukar menggunakan pembolehubah sementara.
  • Pulangan: Akhirnya, tatasusunan yang diisih dikembalikan.

Versi Dioptimumkan:

// By default ascending order
function bubble_sort(array) {
    const len = array.length; // get the length of an array
    //The outer loop controls the inner loop, which means the outer loop will decide how many times the inner loop will be run.
    //If the length is n then the outer loop runs n-1 times.
    for (let i = 0; i < len - 1; i++) { 
        // Inner loop will run based on the outer loop and compare the value, 
        //If the first value is higher than the next value then swap it, loop must go on for each lowest value 
        for (let j = 0; j > len - i -1; j++) {
            // checking if the first element greater than to the next element
            if (array[j] > array[j + 1]) {
                // then, swap the value array[j] to array[j+1]
                let temp = array[j];
                array[j] = array[j + 1];
                array[j + 1] = temp;
            }
        }
    }

    return array; // return the sorted array;
}

const array =  [7, 12, 9, 11, 3]; // input data
console.log(bubble_sort(array));

// output data after sorted!
// [3, 7, 9, 11, 12]; 

Penjelasan:

  • untuk (biar i = 0; i < len — 1; i ) Ini ialah gelung luar, yang berjalan n-1 kali, dengan n ialah panjang tatasusunan. Gelung luar mengawal berapa kali gelung dalam akan dilaksanakan. Setiap lelaran gelung luar memastikan elemen terbesar seterusnya diletakkan pada kedudukannya yang betul.
  • let isSwapped = palsu Pembolehubah boolean isSwapped dimulakan kepada false. Pembolehubah ini digunakan untuk menjejaki sama ada mana-mana elemen ditukar semasa laluan semasa gelung dalam. Jika tiada pertukaran berlaku, tatasusunan sudah diisih dan algoritma boleh ditamatkan lebih awal.
  • untuk (biar j = 0; j < len — i — 1; j ) { Ini ialah gelung dalam, yang berulang ke atas elemen tatasusunan sehingga len - i - 1. Bahagian - i memastikan bahawa gelung tidak mengambil kira elemen yang telah diisih dalam pas sebelumnya.
  • jika (tatasusunan[j] > tatasusunan[j 1]) { Keadaan ini menyemak sama ada elemen semasa lebih besar daripada elemen seterusnya. Jika benar, pertukaran diperlukan untuk menyusun elemen dengan betul.
// Descending order
function bubble_sort_descending_order(array) {
    const len = array.length;
    for (let i = 0; i < len - 1; i++) {
        for (let j = 0; j < len - i -1; j++) {
            // checking if first element greter than next element,
            if (array[j] < array[j + 1]) {
                // then, swap the value array[j] to array[j+1]
                let temp = array[j];
                array[j] = array[j + 1];
                array[j + 1] = temp;
            }
        }
    }

    return array;
}

const array =  [7, 12, 9, 11, 3]; // input data
console.log(bubble_sort_descending_order(array));

// output data after sorted!
// [ 12, 11, 9, 7, 3 ]
  • Baris ini melakukan pertukaran elemen tatasusunan[j] dan tatasusunan[j 1] menggunakan temp pembolehubah sementara. Selepas pertukaran, isSwapped ditetapkan kepada benar, menunjukkan bahawa pertukaran telah berlaku.
// optimized version:
function bubble_sort(array) {
    const len = array.length; // get the length of the array
    //The outer loop controls the inner loop, which means the outer loop will decide how many times the inner loop will be run.
    //If the length is n then the outer loop run n-1 times.
    for (let i = 0; i < len - 1; i++) { 
        // Inner loop will run based on the outer loop and compare the value, 
        //If the first value is higher than the next value then swap it, loop must go on for each lowest value
        let isSwapped = false;
        for (let j = 0; j < len - i -1; j++) {
            //check if the first element is greater than the next element
            if (array[j] > array[j + 1]) {
                // then, swap the value array[j] to array[j+1]
                let temp = array[j];
                array[j] = array[j + 1];
                array[j + 1] = temp;
                isSwapped =  true;
            }
        }

        //If no element swap by inner loop then break;
        if (isSwapped === false) {
            break;
        }
    }

    return array;
}

const array =  [7, 12, 9, 11, 3]; // input data
console.log(bubble_sort(array));

// output data after sorted!
// [3, 7, 9, 11, 12]; 

  • Selepas gelung dalam selesai, syarat ini menyemak sama ada isSwapped masih palsu. Jika tiada swap dibuat, tatasusunan sudah diisih dan gelung luar boleh keluar awal menggunakan break.
  • Akhir sekali, tatasusunan yang diisih dikembalikan.

Kerumitan Masa

Kerumitan masa Isih Buih ialah (O(n²)) dalam kes yang paling teruk dan purata, dengan (n) ialah bilangan elemen dalam tatasusunan. Ini kerana setiap elemen dibandingkan dengan setiap elemen lain. Dalam kes terbaik, apabila tatasusunan sudah diisih, kerumitan masa boleh menjadi (O(n)) jika pengoptimuman ditambahkan untuk menghentikan algoritma apabila tiada pertukaran diperlukan.

Dalam senario kes terbaik, apabila tatasusunan sudah diisih, algoritma boleh ditamatkan awal disebabkan pengoptimuman isSwapped, menghasilkan kerumitan masa (O(n)).

Secara keseluruhan, pengisihan gelembung tidak cekap untuk set data yang besar kerana kerumitan masa kuadratiknya, tetapi ia boleh berguna untuk tatasusunan kecil atau sebagai alat pendidikan untuk memahami algoritma pengisihan.

Kesimpulan

Isih Buih ialah algoritma yang sangat baik untuk tujuan pendidikan kerana kesederhanaannya. Walau bagaimanapun, ia tidak sesuai untuk set data yang besar kerana kerumitan masa kuadratiknya. Walaupun ketidakcekapannya, pemahaman Bubble Sort menyediakan asas untuk mempelajari algoritma pengisihan yang lebih maju.

Atas ialah kandungan terperinci Memahami Algoritma Isih Buih: Panduan Langkah demi Langkah. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Stock Market GPT

Stock Market GPT

Penyelidikan pelaburan dikuasakan AI untuk keputusan yang lebih bijak

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Routing Vercel Spa dan Pemuatan Sumber: Selesaikan masalah akses URL yang mendalam Routing Vercel Spa dan Pemuatan Sumber: Selesaikan masalah akses URL yang mendalam Aug 13, 2025 am 10:18 AM

Artikel ini bertujuan untuk menyelesaikan masalah penyegaran URL yang mendalam atau akses langsung menyebabkan kegagalan memuatkan sumber halaman apabila menggunakan aplikasi halaman tunggal (SPA) di VERECE. Inti adalah untuk memahami perbezaan antara mekanisme penulisan semula Vercel dan laluan penyemak imbas yang relatif. Dengan mengkonfigurasi vercel.json untuk mengalihkan semua laluan ke index.html, dan membetulkan kaedah rujukan sumber statik dalam HTML, mengubah laluan relatif ke jalan mutlak, memastikan bahawa aplikasi itu dapat memuatkan semua sumber dengan betul di bawah mana -mana URL.

Panduan Penggunaan Aplikasi Single Vercel (SPA): Menyelesaikan masalah pemuatan aset URL dalam Panduan Penggunaan Aplikasi Single Vercel (SPA): Menyelesaikan masalah pemuatan aset URL dalam Aug 13, 2025 pm 01:03 PM

Tutorial ini bertujuan untuk menyelesaikan masalah pemuatan aset (CSS, JS, imej, dan lain-lain) apabila mengakses URL pelbagai peringkat (seperti /projek /rumah) apabila menggunakan aplikasi halaman tunggal (SPA) di Vercel. Inti terletak pada pemahaman perbezaan antara mekanisme penulisan semula Vercel dan laluan relatif/mutlak dalam HTML. Dengan betul mengkonfigurasi vercel.json dengan betul, pastikan semua permintaan bukan fail diarahkan ke index.html dan membetulkan rujukan aset dalam HTML sebagai laluan mutlak, dengan itu mencapai operasi spa yang stabil di mana-mana url kedalaman.

QWIK: Rangka kerja yang boleh diteruskan untuk aplikasi web yang memuatkan segera QWIK: Rangka kerja yang boleh diteruskan untuk aplikasi web yang memuatkan segera Aug 15, 2025 am 08:25 AM

Qwikachievesinstantloadingbydefaultthresumability, nothydration: 1) theServerRendersHtmlWithSerializedStateandPre-MappedEventListeners; 2) norehydrationisNeeded, enablingimmediateIntion;

js tambah elemen untuk memulakan array js tambah elemen untuk memulakan array Aug 14, 2025 am 11:51 AM

Dalam JavaScript, kaedah yang paling biasa untuk menambah unsur -unsur ke permulaan array adalah dengan menggunakan kaedah unshift (); 1. Menggunakan UNSHIFT () akan secara langsung mengubah suai array asal, anda boleh menambah satu atau lebih elemen untuk mengembalikan panjang baru array tambahan; 2. Jika anda tidak mahu mengubah suai array asal, disyorkan untuk menggunakan pengendali lanjutan (seperti [NewElement, ... ARR]) untuk membuat array baru; 3. Anda juga boleh menggunakan kaedah Concat () untuk menggabungkan array elemen baru dengan nombor asal, mengembalikan array baru tanpa menukar array asal; Ringkasnya, gunakan unshift () apabila mengubah suai array asal, dan mengesyorkan pengendali lanjutan apabila mengekalkan array asal tidak berubah.

Cara malas memuat gambar dengan javascript Cara malas memuat gambar dengan javascript Aug 14, 2025 pm 06:43 PM

Usetheloading = "malas" attributefornativelazyloadinginmodernbrowserswithoutjavascript.2.formorecontrolorolderbrowsersupport, pelaksanaanLazyloadingwiththeintersectionobserapibysettingdata.

Analisis mendalam tentang kelemahan biasa dan strategi penambahbaikan untuk fungsi pertahanan XSS JavaScript Analisis mendalam tentang kelemahan biasa dan strategi penambahbaikan untuk fungsi pertahanan XSS JavaScript Aug 14, 2025 pm 10:06 PM

Artikel ini meneroka kelemahan keselamatan yang mendalam dalam fungsi pertahanan JavaScript XSS adat, terutama melarikan diri watak yang tidak lengkap dan memintas mudah untuk penapisan berasaskan kata kunci. Dengan menganalisis fungsi contoh, ia mendedahkan risiko aksara kata kunci yang tidak diproses seperti petikan dan backquotes, dan bagaimana teknik pemecatan kod mengelilingi pengesanan kata kunci mudah. Artikel ini menekankan pentingnya melarikan diri sensitif konteks dan mengesyorkan penggunaan perpustakaan matang dan strategi pertahanan berbilang lapisan untuk membina perlindungan keselamatan yang lebih mantap.

Cara Mengakses dan Mengubah Elemen HTML Menggunakan DOM dalam JavaScript Cara Mengakses dan Mengubah Elemen HTML Menggunakan DOM dalam JavaScript Aug 16, 2025 am 11:25 AM

Toaccessandmodifyhtmlelementsingusingjavascript, firstselecttheelementusingmethodslikedocument.getelementbyid, document.queryselector, ordocument.queryselectorall, theralteritscontent, atributes, orstyles;

Mengoptimumkan pengendalian acara lompat luaran dinamik di tetingkap pop timbul jQuery Mengoptimumkan pengendalian acara lompat luaran dinamik di tetingkap pop timbul jQuery Sep 01, 2025 am 11:48 AM

Artikel ini bertujuan untuk menyelesaikan masalah mengalihkan butang redirect pautan luaran dalam tetingkap pop-up jQuery menyebabkan kesilapan lompat. Apabila pengguna mengklik pelbagai pautan luaran dalam penggantian, butang lompat di pop timbul mungkin selalu menunjuk pada pautan pertama yang diklik. Penyelesaian teras adalah dengan menggunakan kaedah off ('klik') untuk membatalkan pengendali acara lama sebelum setiap mengikat peristiwa baru, memastikan bahawa tingkah laku lompat sentiasa menunjuk kepada URL sasaran terkini, dengan itu mencapai pengalihan pautan yang tepat dan terkawal.

See all articles