如何利用JavaScript獲取字符串中重復次數(shù)最多的字符
想要保持自己的技術活力,最有效的手段就是通過不斷地輸入來提供足夠的養(yǎng)分。我們也不必刻意追求高深的或者新鮮的知識點,通過對一個基礎問題的全方位多維度解析,同樣也會收獲不小。
題目
假設有這么一道題目:請獲取字符串 "bianchengsanmei,xuexiyouqudezhishi,jieshiyouqudepengyou,suzaoyouqudelinghun." 中重復次數(shù)最多的字符及其重復次數(shù)。
今天我們就來解一下這道題。
分析
這種題目的解法比較開放,實現(xiàn)手段也可能多種多樣,其中的區(qū)別在于代碼的運行性能有高有低(時間復雜度和空間復雜度不同)。
在這里需要注意的只有一點:符合最大次數(shù)的字符可能不止一個。
使用對象
解題思路:
- 遍歷字符串,以各個字符為 key,重復次數(shù)為 value,存入一個對象。
- 遍歷對象,得到 value 的最大值。
- 遍歷對象,根據(jù)得到的最大 value 值,獲取到對應的字符 key。
- 輸出結果。
代碼實現(xiàn)如下:
const testStr = "bianchengsanmei,xuexiyouqudezhishi,jieshiyouqudepengyou,suzaoyouqudelinghun.ii";
// 獲取各個字符及其重復次數(shù)的映射對象
let wordsObj = {};
for (let index = 0; index < testStr.length; index++) {
const word = testStr[index];
word in wordsObj ? wordsObj[word]++ : wordsObj[word] = 1;
}
// 獲取最大的重復次數(shù)
let maxNum = 0;
for (const word in wordsObj) {
const num = wordsObj[word];
if (num >= maxNum) {
maxNum = num;
}
}
// 獲取最大重復次數(shù)對應的字符,并輸出結果
for (const word in wordsObj) {
const num = wordsObj[word];
if (num === maxNum) {
console.log(`重復次數(shù)最多的字符是:${ word },重復次數(shù)為:${ maxNum }`)
}
}
// 出現(xiàn)次數(shù)最多的字符是:i,出現(xiàn)次數(shù)為:10
// 出現(xiàn)次數(shù)最多的字符是:u,出現(xiàn)次數(shù)為:10
分析:
- 這應該是很多人第一時間能夠想到的解法,很符合“面向過程”的編程思想。
- 總共有三個循環(huán),存在較大的優(yōu)化空間。
數(shù)組&指針
解題思路:
- 將字符串轉為數(shù)組并排序,使重復字符排在一起。
- 使用指針思想,得到最大重復次數(shù)和對應的字符數(shù)組。
- 輸出結果。
代碼實現(xiàn)如下:
const testStr = "bianchengsanmei,xuexiyouqudezhishi,jieshiyouqudepengyou,suzaoyouqudelinghun.ii";
// 將字符串轉為數(shù)組并排序
const testStrArr = testStr.split("").sort();
let startIndex = 0;
let endIndex = 1;
let maxNum = 0;
let validWords = [];
// 使用指針法,獲取最大重復次數(shù)及最大次數(shù)對應的字符數(shù)組
while (startIndex < testStrArr.length) {
// startIndex 和 endIndex 位置的字符不同
if (testStrArr[startIndex] !== testStrArr[endIndex]) {
// 計算 startIndex 和 endIndex 之間的字符個數(shù)
const rangeNum = endIndex - startIndex;
if (rangeNum > maxNum) {
maxNum = rangeNum;
// 如果出現(xiàn)了新的最大次數(shù),則給存放符合條件字符的數(shù)組重新賦值
validWords = [testStrArr[startIndex]];
} else if (rangeNum === maxNum) {
// 如果新的次數(shù)和最大次數(shù)相等,則將該字符 push 進字符數(shù)組
validWords.push(testStrArr[startIndex]);
}
startIndex = endIndex;
}
endIndex++;
}
// 打印結果
for (let index = 0; index < validWords.length; index++) {
const word = validWords[index];
console.log(`重復次數(shù)最多的是:${ word },重復次數(shù)為:${ maxNum }`)
}
分析:
本方法的難點和精髓在于使用了指針法,一次循環(huán)就獲取到了我們想要的結果。
總結
主流的解題思路大概就這兩種,其他的很多解法都可以看作是這兩種思路的變種。
萬變不離其宗,只要將解題思路理清了,代碼實現(xiàn)只是一個結果而已。在平常的工作學習中,我們要有意識地培養(yǎng)自己的發(fā)散性思維,從多角度去看待問題,你可能會發(fā)現(xiàn)不一樣的風景哦!
到此這篇關于如何利用JavaScript獲取字符串中重復次數(shù)最多的字符的文章就介紹到這了,更多相關JS獲取重復次數(shù)最多字符內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
JavaScript檢測字符串中是否含有html標簽實現(xiàn)方法
這篇文章主要介紹了JavaScript檢測字符串中是否含有html標簽實現(xiàn)方法,本文直接給出實現(xiàn)代碼,需要的朋友可以參考下2015-07-07
關于javaScript注冊click事件傳遞參數(shù)的不成功問題
在javaScript中給一個html元素注冊click事件處理函數(shù)時,比如給該處理函數(shù)傳3個參數(shù)??墒遣还苁鞘褂孟旅婺欠N方式都不能給事件處理函數(shù)傳遞參數(shù)2014-07-07
基于JavaScript實現(xiàn)頁面輪播圖漸變效果的示例代碼
這篇文章主要給大家分享如何使用JavaScript實現(xiàn)一個頁面輪播圖漸變效果,輪播圖是網(wǎng)頁開發(fā)中常見的功能之一,它能夠展示多個圖片或內容,并以一定的時間間隔進行自動切換,而通過添加漸變效果,可以讓切換過程更加平滑流暢,感興趣的小伙伴可以自己動手嘗試一下2023-10-10
BootStrap的select2既可以查詢又可以輸入的實現(xiàn)代碼
這篇文章主要介紹了bootstrap的select2既可以查詢又可以輸入的實現(xiàn)代碼,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-02-02
javascript實現(xiàn)多張圖片左右無縫滾動效果
本文主要介紹了javascript實現(xiàn)多張圖片左右無縫滾動效果的實例。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03

