JavaScript實現(xiàn)在數(shù)組中查找不同順序排列的字符串
需求描述:從一組數(shù)組中找出一組按不同順序排列的字符串的數(shù)組元素。假如有這樣一個數(shù)組:
[ 'abcd', 'hello', 'bdca', 'olleh', 'cadb', 'nba', 'abn', 'abc' ]
需要找出的結果是:
[ 'abcd', 'bdca', 'cadb' ]
那么這里的關鍵點是判斷一組字符串是否是否只是字符的順序不同,只要解決整個關鍵點其他都好辦了。
方法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;
// 將單個的字符轉換成 Unicode 編碼
// 對編碼進行取和計算
for( j = 0; j < strLength; j++ ){
num += item.charCodeAt( j );
}
if( !firstItem ){
firstItem = item;
obj[ num ].push( item );
}
// 通過檢測待添加的字符串的第一個字符是否
// 在另一個字符串中出現(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采用了遍歷字符串中的每一個字符,然后將單個的字符轉換成 Unicode 編碼,對編碼進行取和的計算,abcd 和 bdca 的編碼和會是一致的。最后用編碼和作為對象的 key 來保存編碼和一致的字符串。
方法 1 需要注意的是,字符串“ad”和“bc”的 Unicode 編碼和是一樣的,此時需要多加一個判斷,檢測任意一個字符串中的第一個字符是否有出現(xiàn)在另一個字符串中出現(xiàn)過即可。
方法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是將字符串轉換成數(shù)組后再對數(shù)組進行 sort 排序,abcd 和 bdca 使用 sort 排序后會變成 abcd,將拍好序的字符串作為對象的 key 來保存排序一致的字符串。
其實兩種方法的原理都是通過將字符轉換成 Unicode 編碼,只是方法1是顯式的轉換,而方法2中用到的 sort 排序,會隱式的轉換。
- JS查找數(shù)組中重復元素的方法詳解
- 利用js查找數(shù)組中指定元素并返回該元素的所有索引示例
- 使用indexOf等在JavaScript的數(shù)組中進行元素查找和替換
- javascript實現(xiàn)查找數(shù)組中最大值方法匯總
- JavaScript使用二分查找算法在數(shù)組中查找數(shù)據(jù)的方法
- javascript 折半查找字符在數(shù)組中的位置(有序列表)
- js中數(shù)組結合字符串實現(xiàn)查找(屏蔽廣告判斷url等)
- JS算法題之查找數(shù)字在數(shù)組中的索引位置
- JavaScript遍歷查找數(shù)組中最大值與最小值的方法示例
- JS實現(xiàn)查找數(shù)組中對象的屬性值是否存在示例
相關文章
JavaScript中Location.search處理使用方法
本文主要介紹了JavaScript中Location.search處理使用方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2023-04-04
全面解析Bootstrap表單使用方法(表單控件狀態(tài))
這篇文章全面解析了Bootstrap表單的使用方法,本文重點介紹Bootstrap表單控件狀態(tài)的三種情況,感興趣的小伙伴們可以參考一下2015-11-11

