JavaScript實(shí)現(xiàn)在數(shù)組中查找不同順序排列的字符串
需求描述:從一組數(shù)組中找出一組按不同順序排列的字符串的數(shù)組元素。假如有這樣一個(gè)數(shù)組:
[ 'abcd', 'hello', 'bdca', 'olleh', 'cadb', 'nba', 'abn', 'abc' ]
需要找出的結(jié)果是:
[ 'abcd', 'bdca', 'cadb' ]
那么這里的關(guān)鍵點(diǎn)是判斷一組字符串是否是否只是字符的順序不同,只要解決整個(gè)關(guān)鍵點(diǎn)其他都好辦了。
方法1:
var stringClassify = function( arr ){
var arrLength = arr.length,
obj = {},
i = 0,
num, item, name, firstItem, strLength;
for( ; i < arrLength; i++ ){
item = arr[i];
strLength = item.length;
num = 0;
// 將單個(gè)的字符轉(zhuǎn)換成 Unicode 編碼
// 對(duì)編碼進(jìn)行取和計(jì)算
for( j = 0; j < strLength; j++ ){
num += item.charCodeAt( j );
}
if( !firstItem ){
firstItem = item;
obj[ num ].push( item );
}
// 通過(guò)檢測(cè)待添加的字符串的第一個(gè)字符是否
// 在另一個(gè)字符串中出現(xiàn)以避免將下面的情況
// [ 'ad', 'da', 'bc' ]
else if( ~firstItem.indexOf(item.charAt(0)) ){
obj[ num ].push( item );
}
}
for( name in obj ){
console.log( obj[name] );
}
};
方法1采用了遍歷字符串中的每一個(gè)字符,然后將單個(gè)的字符轉(zhuǎn)換成 Unicode 編碼,對(duì)編碼進(jìn)行取和的計(jì)算,abcd 和 bdca 的編碼和會(huì)是一致的。最后用編碼和作為對(duì)象的 key 來(lái)保存編碼和一致的字符串。
方法 1 需要注意的是,字符串“ad”和“bc”的 Unicode 編碼和是一樣的,此時(shí)需要多加一個(gè)判斷,檢測(cè)任意一個(gè)字符串中的第一個(gè)字符是否有出現(xiàn)在另一個(gè)字符串中出現(xiàn)過(guò)即可。
方法2:
var stringClassify = function(){
var arrLength = arr.length,
obj = {},
i = 0,
num, item, name, strArr, newStr;
for( ; i < arrLength; i++ ){
item = arr[i];
strArr = arr[i].split( '' );
strArr.sort();
newStr = strArr.join( '' );
if( !obj[newStr] ){
obj[ newStr ] = [];
}
obj[ newStr ].push( item );
}
for( name in obj ){
console.log( obj[name] );
}
};
方法2是將字符串轉(zhuǎn)換成數(shù)組后再對(duì)數(shù)組進(jìn)行 sort 排序,abcd 和 bdca 使用 sort 排序后會(huì)變成 abcd,將拍好序的字符串作為對(duì)象的 key 來(lái)保存排序一致的字符串。
其實(shí)兩種方法的原理都是通過(guò)將字符轉(zhuǎn)換成 Unicode 編碼,只是方法1是顯式的轉(zhuǎn)換,而方法2中用到的 sort 排序,會(huì)隱式的轉(zhuǎn)換。
- JS查找數(shù)組中重復(fù)元素的方法詳解
- 利用js查找數(shù)組中指定元素并返回該元素的所有索引示例
- 使用indexOf等在JavaScript的數(shù)組中進(jìn)行元素查找和替換
- javascript實(shí)現(xiàn)查找數(shù)組中最大值方法匯總
- JavaScript使用二分查找算法在數(shù)組中查找數(shù)據(jù)的方法
- javascript 折半查找字符在數(shù)組中的位置(有序列表)
- js中數(shù)組結(jié)合字符串實(shí)現(xiàn)查找(屏蔽廣告判斷url等)
- JS算法題之查找數(shù)字在數(shù)組中的索引位置
- JavaScript遍歷查找數(shù)組中最大值與最小值的方法示例
- JS實(shí)現(xiàn)查找數(shù)組中對(duì)象的屬性值是否存在示例
相關(guān)文章
JAVASCRIPT下判斷IE與FF的比較簡(jiǎn)單的方式
在JAVASCRIPT當(dāng)中可以通過(guò)取當(dāng)前瀏覽器返回值來(lái)判斷當(dāng)前使用什么瀏覽器。2008-10-10
JS一個(gè)簡(jiǎn)單的注冊(cè)頁(yè)面實(shí)例
下面小編就為大家?guī)?lái)一篇JS一個(gè)簡(jiǎn)單的注冊(cè)頁(yè)面實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
JavaScript中Location.search處理使用方法
本文主要介紹了JavaScript中Location.search處理使用方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
js打開(kāi)word文檔預(yù)覽操作示例【不是下載】
這篇文章主要介紹了js打開(kāi)word文檔預(yù)覽操作,結(jié)合實(shí)例形式分析了兩種javascript打開(kāi)word文檔在線預(yù)覽相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
JavaScript如何向頁(yè)面中添加一個(gè)按鈕
這篇文章主要介紹了JavaScript如何向頁(yè)面中添加一個(gè)按鈕,使用兩種方式向頁(yè)面中添加一個(gè)按鈕,分別是appendChild()和innerHTML屬性,本文結(jié)合示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-10-10
全面解析Bootstrap表單使用方法(表單控件狀態(tài))
這篇文章全面解析了Bootstrap表單的使用方法,本文重點(diǎn)介紹Bootstrap表單控件狀態(tài)的三種情況,感興趣的小伙伴們可以參考一下2015-11-11
JS正則驗(yàn)證多個(gè)郵箱完整實(shí)例【郵箱用分號(hào)隔開(kāi)】
這篇文章主要介紹了JS正則驗(yàn)證多個(gè)郵箱的方法,且郵箱字符串使用分號(hào)隔開(kāi),非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2017-04-04

