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事件學(xué)習(xí)小結(jié)(四)event的公共成員(屬性和方法)
這篇文章主要介紹了javaScript事件學(xué)習(xí)小結(jié)(四)event的公共成員(屬性和方法)的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06js結(jié)合css實(shí)現(xiàn)登錄后才能復(fù)制的效果實(shí)例
很多網(wǎng)站都有登錄后才能復(fù)制的限制,什么原理呢?css屬性u(píng)ser-select:none,通常會(huì)采用這種方式來(lái)禁止復(fù)制文本。但瀏覽開發(fā)者工具-審查元素,取消此樣式后,就可以選中文本了。想要完整地禁止復(fù)制,還需要通過(guò)js控制選擇的內(nèi)容。2023-07-07js深度合并兩個(gè)數(shù)組對(duì)象的實(shí)現(xiàn)
這篇文章主要介紹了js深度合并兩個(gè)數(shù)組對(duì)象的實(shí)現(xiàn)方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-12-12JavaScript判斷一個(gè)變量是否是數(shù)組的五種方式總結(jié)
在 JavaScript 編程中,我們經(jīng)常需要對(duì)不同類型的變量進(jìn)行判斷和處理,其中,判斷一個(gè)變量是否是數(shù)組是一項(xiàng)基本且常見(jiàn)的任務(wù),在本篇博客中,我們將介紹幾種常用的方式來(lái)判斷一個(gè)變量是否是數(shù)組,并探討它們的優(yōu)缺點(diǎn)以及適用場(chǎng)景,需要的朋友可以參考下2023-11-11再談JavaScript中bind、call、apply三個(gè)方法的區(qū)別與使用方式
這篇文章主要介紹了Javascript中bind、call、apply三個(gè)方法的使用方式,需要的朋友可以參考下2022-05-05