JavaScript算法相關

1. 排序

1.1.冒泡排序

  • 每一輪比較,從左至右交換相鄰,每輪結束,最后一個為最大
  • 下一輪,需要比較的個數 - 1 j < len - i (范圍動態縮小)
  • 共 len - 1 輪比較
function bubbleSort(arr) {var len = arr.length;for (var i = 1; i < len; i++) {for (var j = 0; j < len - i; j++) {if (arr[j] > arr[j+1]) {        //相鄰元素兩兩對比var temp = arr[j+1];        //元素交換arr[j+1] = arr[j];arr[j] = temp;}}}return arr;
}

冒泡排序算法改進思想:

  • 個數較多的排序,(比如)從第6輪開始,數列已經有序,然而排序算法依然會執行第7、8輪直到結束:添加標志,一開始為1,只要有交換便置為0,在外層循環里添加if判斷,if(標志為1) { break }
  • 當序列中某一段在比較之前就已經就是有序的:可以在每一輪排序的最后,記錄下最后一次元素交換的位置,那個位置也就是無序數列的邊界,再往后就是有序區了
  • 正反向冒泡排序
function bubbleSort(arr) {console.time('冒泡排序耗時')var len = arr.lengthvar lastChangeIndex = 0 // 初始,最后一次交換位置var sortBorder = len -1 // 初始有序邊界為最后一值for (var i = 1; i < len; i++) {var isSorted = truefor (var j = 0; j < sortBorder; j++) {if (arr[j] > arr[j+1]) {        //相鄰元素兩兩對比var temp = arr[j+1]        //元素交換arr[j+1] = arr[j]arr[j] = tempisSorted = falselastChangeIndex = j}}sortBorder = lastChangeIndexif(isSorted) {break}}console.timeEnd('冒泡排序耗時')return arr
}var arr=[3,44,38,5,47,15,36,26,27,2,46,4,19,50,48]
console.log(bubbleSort(arr))
function bubbleSort3(arr3) {var low = 0;var high= arr.length-1; //設置變量的初始值var tmp,j;console.time('2.改進后冒泡排序耗時');while (low < high) {for (j= low; j< high; ++j) //正向冒泡,找到最大者if (arr[j]> arr[j+1]) {tmp = arr[j]; arr[j]=arr[j+1];arr[j+1]=tmp;}--high;                 //修改high值, 前移一位for (j=high; j>low; --j) //反向冒泡,找到最小者if (arr[j]<arr[j-1]) {tmp = arr[j]; arr[j]=arr[j-1];arr[j-1]=tmp;}++low;                  //修改low值,后移一位}console.timeEnd('2.改進后冒泡排序耗時');return arr3;
}
var arr=[3,44,38,5,47,15,36,26,27,2,46,4,19,50,48];
console.log(bubbleSort3(arr));//[2, 3, 4, 5, 15, 19, 26, 27, 36, 38, 44, 46, 47, 48, 50]

在這里插入圖片描述

循序漸進的過程:
冒泡排序2次改進
JavaScript算法(含冒泡排序3次改進)

1.2. 選擇排序

思想:

  • len-1 輪排序
  • 每輪排序,選出最小的數,放在最前的位置
    在這里插入圖片描述

1.3. 插入排序

思想: 打牌
在這里插入圖片描述

1.4. 希爾排序

  • 確定一個增量
    -在這里插入圖片描述

1.5. 快速排序

  • 首先設定一個分界值,通過該分界值將數組分成左右兩部分。
  • 將大于或等于分界值的數據集中到數組右邊,小于分界值的數據集中到數組的左邊。
  • 然后,左邊和右邊的數據可以獨立排序。對于左側的數組數據,又可以取一個分界值,將該部分數據分成左右兩部分,同樣在左邊放置較小值,右邊放置較大值。右側的數組數據也可以做類似處理。
  • 重復上述過程,可以看出,這是一個遞歸定義。通過遞歸將左側部分排好序后,再遞歸排好右側部分的順序。當左、右兩個部分各數據排序完成后,整個數組的排序也就完成了。

1.6. 隨機排序

  • Math.random()得到的是0~1之間的隨機數;
  • sort()可以調用一個函數做為參數,這個函數接收(a,b)兩個參數,
    ① a<b返回-1 (小于0的值)
    ② a=b返回0,
    ③ a>b返回1(大于0的值),
    以這樣的規則返回正負數的函數,排序結果為升序;
arr.sort((a, b) => a - b) // 升序排序
arr.sort((a, b) => b - a) // 降序排序
  • 讓Math.random()隨機出來的數與0.5做為一個比較,為正為負的幾率各一半
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
arr.sort(function() {return Math.random() - 0.5;
})
console.log(arr);

2. 函數柯里化

詳解JS函數柯里化

3. 技巧方法

  • 字符串倒序
str.split('').reverse().join('')
  • 斐波那契
function getFibo(i) {if (i == 0 || i == 1) {return 1} else {return arguments.callee(i-1) + arguments.callee(i-2)}
}
  • 數組最值
Math.max(...arr)
Math.min(...arr)

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/251335.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/251335.shtml
英文地址,請注明出處:http://en.pswp.cn/news/251335.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

javascript --- 編程風格

字符串 const a foobar; const b foo${a}bar; // 此處是反引號(tab鍵上) const c foobar;解構賦值 const [first, second] arr;function getFullName({ firstName, lastName }) { }function processInput(input) {return { left, right, top, bottom }; } const { left…

$ - 字符串內插

$ 特殊字符將字符串文本標識為內插字符串。 內插字符串是可能包含內插表達式的字符串文本。 將內插字符串解析為結果字符串時&#xff0c;帶有內插表達式的項會替換為表達式結果的字符串表示形式。 此功能在 C# 6 及該語言的更高版本中可用。 與使用字符串復合格式設置功能創建…

數據結構基礎知識

排序 參考&#xff1a;https://www.bilibili.com/video/av38482633/?spm_id_fromtrigger_reload 目錄 排序 插入排序 直接插入排序 折半排序 希爾排序 ? 交換排序 冒泡排序 快速排序 選擇排序 堆排序 流量單位計算 什么是計數排序 復雜度分析&#xff1a; 什…

linux中安裝軟件,查看、卸載已安裝軟件方法

各種主流Linux發行版都采用了某種形式的包管理系統&#xff08;PMS&#xff09;來控制軟件和庫的安裝。 軟件包存儲在服務器上&#xff0c;可以利用本地Linux系統上的PMS工具通過互聯網訪問。這些服務器稱為倉庫。 由于Linux發行版眾多,目前還沒有統一的PMS標準工具。 這里分別…

html5 --- 使用javascript腳本控制媒體播放

H5中的標簽(<audio…/> 和 <video…/>)對于JS中的HTMLAudioElement對象和HTMLVideoElement對象 對象有以下幾個方法: play(): 播放 pause(): 暫停播放 load(): 重新裝載音頻、視頻 canPlayType(type): 判斷該元素可播放type類型的音頻、視頻 下面是一個簡單的音樂…

在js中if條件為null/undefined/0/NaN/表達式時,統統被解釋為false,此外均為true

Boolean 表達式 一個值為 true 或者 false 的表達式。如果需要&#xff0c;非 Boolean 表達式也可以被轉換為 Boolean 值&#xff0c;但是要遵循下列規則&#xff1a; 所有的對象都被當作 true。當且僅當字符串為空時&#xff0c;該字符串被當作 false。null 和 undefined 被當…

ES6專題——整理自阮一峰老師的ECMAScript 6入門

這里我僅僅是記錄了那些我認為值得注意的ES6知識點&#xff0c;詳細版請挪步https://es6.ruanyifeng.com/#docs/let let和const命令 let聲明的變量只在它所在的代碼塊有效。 var a []; for (let i 0; i < 10; i) {a[i] function () {console.log(i);}; } a[6](); // 6 …

開發測試比

1.服務器已經開啟了CORS跨域支持 瀏覽器有同源策略限制&#xff1a;協議、域名、端口號其中無法向非同源地址發送ajax請求 跨域解決方法&#xff1a;JSONP&#xff08;只支持get不支持post&#xff09;&#xff0c;不是ajax 凡是有src屬性的標簽都有跨域能力 前端定義一個處理…

map函數用法詳解

map函數是Python內置的高階函數&#xff0c;它是一個典型的函數式編程例子。它的參數為: 一個函數function、一個或多個sequence。通過把函數function依次作用在sequence的每個元素上&#xff0c;得到一個新的sequence并返回。注意&#xff1a;map函數不改變原有的sequence&…

2018暑假集訓測試六總結

拿到試題沒幾分鐘&#xff0c;就有人說會做T1QAQ。第一題感覺似曾相識&#xff0c;其實不同。梳理出本質后發現有兩個限制&#xff0c;便想用枚舉遞推來快速求解&#xff0c;發現要么是不會推&#xff0c;要么是時空超限&#xff0c;不會優化。期間也想過通過離線做&#xff0c…

css3 --- 使用媒體查詢進行響應式布局

css3引入media,可以根據設備特性進行不同的布局, 本文展示的是根據不同屏幕的寬度進行不同的布局,代碼如下: <!DOCTYPE html> <html> <head><meta http-equiv"Content-Type" content"text/html; charsetutf-8" /><title> 針…

node項目正常啟動后不能訪問(防火墻未放行端口)

今天打開個人站點&#xff0c;發現登陸不了&#xff0c;原以為是pm2的問題&#xff0c;先停了pm2用node app.js的方式運行后端代碼&#xff0c;項目能正常啟動但是依然不能登陸。 1 檢查ecs的安全組規則&#xff0c;node項目端口3000、8888是否放行 2 確認node正常運行 輸入…

[轉載]dbms_lob用法小結

http://blog.sina.com.cn/s/blog_713978a50100prkt.html CLOB里存的是2進制 判定長度 DBMS_LOB.GETLENGTH(col1)獲取文本 DBMS_LOB.SUBSTR(col1,n,pos)DBMS_LOB.SUBSTR(col1,10,1)表示從第1個字節開始取出10個字節 DBMS_LOB.SUBSTR(CLOB_VAR,32767)表示截取CLOB變量保存的全…

javascript --- 利用節點關系訪問HTML元素

<input type"button" value"父節點"onclick"change(curTarget.parentNode);" /><input type"button" value"第一個"onclick"change(curTarget.parentNode.firstChild.nextSibling);" /><input typ…

mysql中列屬性

mysql列屬性包括&#xff1a;NULL 、default、comment、primary key、unique key 一、NULL定義方式&#xff1a;NULL&#xff08;默認&#xff09;  NOT NULL 空屬性有2個值&#xff0c;mysql數據庫默認字段都是為null的&#xff0c;但是在實際開發過程中&#xff0c;盡可能保…

前端知識點整理(三)不定時更新~

目錄 一、移動端跨平臺開發方案 Hybrid App React Native Weex Flutter PWA &#xff08;Progressive Web App&#xff09; 小程序 Cordova html5 組件和模塊的區別 組件化 模塊化 前端代碼規范 前端工程化理解 網站性能監測與優化策略 1.網絡傳輸性能優化 頁…

前端試題(一)

2020-03-28 金卡智能 *1. 腳手架 vue-cli現在用的什么版本&#xff0c;2版本了解多少&#xff0c;2 3有什么區別 絕對路徑與相對路徑 ./ 當前路徑 …/父路徑 / 絕對路徑 某文件里引用其他路徑下的資源&#xff1a; 判斷該文件所在文件夾與其他資源路徑間的關系。 什么&#…

html5 --- 利用localStorage進行本地存儲

首先做一個提交到本地存儲的表單及一個用來顯示本地localStorage信息的表格…代碼如下: <h2> 本地存儲用 </h2>標題: <input id"title" name"title" type"text" size"60" style"margin-left:32px;margin-bottom:…

Tomcat啟動阻塞變慢

Tomcat 熵池阻塞變慢詳解 Tomcat 啟動很慢&#xff0c;且日志上無任何錯誤&#xff0c;在日志中查看到如下信息&#xff1a; Log4j:[2015-10-29 15:47:11] INFO ReadProperty:172 - Loading properties file from class path resource [resources/jdbc.properties] Log4j:[201…