JS常用算法實(shí)現(xiàn)代碼
本文的主要目的是幫助大家熟悉熟悉常用的幾個(gè)算法用JS的實(shí)現(xiàn),具體內(nèi)容如下
(1)數(shù)組去重
原理:定義一個(gè)對(duì)象obj,然后把數(shù)組元素作為obj的屬性名,利用屬性名是否重復(fù)進(jìn)行判重
var unique = function(arr){ let obj = {}; let newArr = []; arr.forEach(function(x){ if(!obj[x]){ //如果對(duì)象中沒(méi)有該元素對(duì)應(yīng)的屬性 obj[x] = true; newArr.push(x); } }); return newArr; }
(2)使用快速排序算法對(duì)數(shù)組進(jìn)行排序
這里面包括兩種效果,一種是利用快排的特性實(shí)現(xiàn)了去重快排,另一種是不去重的快排。
原理:獲得目標(biāo)數(shù)組,選定一個(gè)元素最為標(biāo)志位,遍歷剩余的元素,比標(biāo)志位大放右邊,比標(biāo)志位小放左邊。
特別注意:還有與標(biāo)志位相等的元素,如果你存儲(chǔ)相等的元素,就實(shí)現(xiàn)了去重,如果存儲(chǔ)了,就不去重。
var quickSort = function(arr){ if(arr.length <= 1){ return arr; } //定義一個(gè)左數(shù)組,定義一個(gè)右數(shù)組 let leftArr = []; let rightArr = []; //選定一個(gè)參照值 let tag = arr[0]; /* * 使用如下方式判斷,會(huì)把重復(fù)元素去掉,就實(shí)現(xiàn)了快排的同時(shí)去重 */ for(let i = 0; i < arr.length; i++){ if(arr[i] < tag){ //將比tag小的元素放在左數(shù)組中 leftArr.push(arr[i]); } if(arr[i] > tag){ //將比tag大的元素放在右數(shù)組中 rightArr.push(arr[i]); } } /* * 使用如下方式就是使用快排進(jìn)行排序,不去重 */ for(let i = 1; i < arr.length; i++){ if(arr[i] < tag){ //將比tag小的元素放在左數(shù)組中 leftArr.push(arr[i]); }else{ //將比tag大的元素放在右數(shù)組中 rightArr.push(arr[i]); } } //遞歸調(diào)用 return [].concat(quickSort(leftArr),[tag],quickSort(rightArr)); }
(3)統(tǒng)計(jì)字符串中出現(xiàn)次數(shù)最多的字符
原理:這個(gè)和數(shù)組去重類(lèi)似,也是利用一個(gè)對(duì)象obj,將數(shù)組元素作為對(duì)象的屬性名,如果不存在該屬性名,則值賦為1,如果存在,則值加1。
var maxShowTimes = function(str){ // 創(chuàng)建一個(gè)用于判重的對(duì)象 let obj = {}; // 判斷字符串是否為空或只有一個(gè)元素 if(str.length <= 1){ return str.length === 0?'字符串不能為空':str; } // 利用String的charAt()方法獲取各個(gè)字符 for(let i = 0; i <= str.length; i++){ if(!obj[str.charAt(i)]){ //如果不存在 obj[str.charAt(i)] = 1; }else{ //如果存在 obj[str.charAt(i)] += 1; } } // 在obj對(duì)象中尋找值最大的那個(gè)屬性 let maxChar = ''; let maxTimes = 0; for(var k in obj){ if(obj[k] > maxTimes){ maxChar = k; maxTimes = obj[k]; } } return maxChar; }
(4)不借助第三個(gè)變量實(shí)現(xiàn)兩個(gè)變量交換值
原理:就是一個(gè)變量替換,思路很巧妙,只能用于數(shù)字的交換。
var swap = function(a,b){ if(a === b){ return [a,b]; } b = b - a; // 此處的 b - a中的b和a的值是最初的值 a = a + b; // a = a + b -a; 實(shí)現(xiàn)了將b的值賦給a b = a - b; // b = a - (b - a) = 2a - b 相當(dāng)于 2b = 2a;實(shí)現(xiàn)了將a的值賦給b return [a,b]; }
(5)求一個(gè)數(shù)組的最大差值
原理:遍歷一次數(shù)組,找到最大值和最小值,返回差值
var getMaxProfit = function(arr){ // 定義兩個(gè)變量,分別存貯最大值和最小值 let maxNum = arr[0]; let minNum = arr[0]; for(let i = 0; i < arr.length; i++){ if(arr[i] > maxNum){ maxNum = arr[i]; } if(arr[i] < minNum){ minNum = arr[i]; } } return maxNum - minNum; }
(6)獲取任意長(zhǎng)度的隨機(jī)字符串
原理:可以手動(dòng)指定字符庫(kù)及隨機(jī)字符長(zhǎng)度n,利用Math.floor()和Math.random()兩個(gè)方法實(shí)現(xiàn)獲取隨機(jī)字符。
var getRandomString = function(n){ // 定義隨機(jī)字符串的字符庫(kù) let str = 'qwertyuiopasdfghjklzxcvbnm1234567890'; // 定義一個(gè)臨時(shí)變量tmp存儲(chǔ)生成的隨機(jī)字符串 let tmp = ''; //獲取str的長(zhǎng)度 let len = str.length; // 生成一個(gè)長(zhǎng)度為n的隨機(jī)字符串 for(let i = 0; i < n; i++){ tmp += str.charAt(Math.floor(Math.random() * len)); } return tmp; }
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
原生javascript圖片自動(dòng)或手動(dòng)切換示例附演示源碼
圖片自動(dòng)或手動(dòng)切換,想必會(huì)在很多地方有見(jiàn)過(guò)吧,本文將為大家介紹的是使用原生javascript實(shí)現(xiàn)的焦點(diǎn)圖切換,感興趣的朋友可以參考下2013-09-09Iphone手機(jī)、安卓手機(jī)瀏覽器控制默認(rèn)縮放大小的方法總結(jié)(附代碼)
這篇文章主要介紹了Iphone手機(jī)、安卓手機(jī)瀏覽器控制默認(rèn)縮放大小的方法,通過(guò)meta標(biāo)簽中添加屬性代碼展示控制瀏覽器的默認(rèn)縮放,具體操作步驟大家可查看下文的詳細(xì)講解,感興趣的小伙伴們可以參考一下。2017-08-08js項(xiàng)目中雙向數(shù)據(jù)綁定的簡(jiǎn)單實(shí)現(xiàn)方法
雙向數(shù)據(jù)綁定指的就是,綁定對(duì)象屬性的改變到用戶(hù)界面的變化的能力,反之亦然,下面這篇文章主要給大家介紹了關(guān)于js項(xiàng)目中雙向數(shù)據(jù)綁定的簡(jiǎn)單實(shí)現(xiàn)方法,需要的朋友可以參考下2021-08-08JS實(shí)現(xiàn)仿騰訊微博無(wú)刷新刪除微博效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)仿騰訊微博無(wú)刷新刪除微博效果代碼,涉及JavaScript實(shí)現(xiàn)Ajax無(wú)刷新刪除的相關(guān)實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10Javascript中的return作用及javascript return關(guān)鍵字用法詳解
本文給大家介紹Javascript中的return作用及javascript return關(guān)鍵字用法詳解,對(duì)于大家學(xué)習(xí)javascript中的return知識(shí)有所幫助,感興趣的朋友一起學(xué)習(xí)吧2015-11-11淺談bootstrap layer.open中end的使用方法
今天小編就為大家分享一篇淺談bootstrap layer.open中end的使用方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09JavaScript 批量創(chuàng)建數(shù)組的方法
JavaScript有許多批量創(chuàng)建數(shù)組的方法,為了衡量它們的性能,我分別使用不同的方法創(chuàng)建一個(gè)長(zhǎng)度為100000的數(shù)組,且鍵和值相等,今天小編給大家分享基于js批量創(chuàng)建數(shù)組的方法,一起看看吧2017-03-03原生JS實(shí)現(xiàn)的簡(jiǎn)單輪播圖功能【適合新手】
這篇文章主要介紹了原生JS實(shí)現(xiàn)的簡(jiǎn)單輪播圖功能,結(jié)合實(shí)例形式分析了基于javascript定時(shí)器控制頁(yè)面元素動(dòng)態(tài)變換實(shí)現(xiàn)輪播圖的相關(guān)操作技巧,需要的朋友可以參考下2018-08-08