JS算法題之查找數(shù)字在數(shù)組中的索引位置
前言
編寫算法時(shí),排序是一個(gè)非常重要的概念。它有各種各樣的種類:冒泡排序、希爾排序、分塊塊排序,梳排序,雞尾酒排序,侏儒排序 —— 這些可不是我瞎編的!
這個(gè)算法題能夠讓我們一睹精彩的世界。我們必須對(duì)數(shù)字?jǐn)?shù)組進(jìn)行升序排序,并找出給定數(shù)字在該數(shù)組中的位置。
算法說明
將值(第二個(gè)參數(shù))插入到數(shù)組(第一個(gè)參數(shù))中,并返回其在排序后的數(shù)組中的最低索引。返回的值應(yīng)該是一個(gè)數(shù)字。
例如 getIndexToIns([1,2,3,4], 1.5) 應(yīng)該返回 1,因?yàn)?1.5 大于 1(索引0),但小于 2(索引1)。
同樣,getIndexToIns([20,3,5], 19) 應(yīng)該返回 2,因?yàn)閿?shù)組排序后應(yīng)該是 [3,5,20] , 19 小于 20 (索引2)且大于 5(索引1)。
function getIndexToIns(arr, num) { return num; } getIndexToIns([40, 60], 50);
測試用例
- getIndexToIns([10, 20, 30, 40, 50], 35) 應(yīng)該返回一個(gè)數(shù)字 3。
- getIndexToIns([10, 20, 30, 40, 50], 30) 應(yīng)該返回一個(gè)數(shù)字 2.
- getIndexToIns([40, 60], 50) 應(yīng)該返回一個(gè)數(shù)字 1.
- getIndexToIns([3, 10, 5], 3) 應(yīng)該返回一個(gè)數(shù)字 0.
- getIndexToIns([5, 3, 20, 3], 5) 應(yīng)該返回一個(gè)數(shù)字 2.
- getIndexToIns([2, 20, 10], 19) 應(yīng)該返回一個(gè)數(shù)字 2.
- getIndexToIns([2, 5, 10], 15) 應(yīng)該返回一個(gè)數(shù)字 3.
- getIndexToIns([], 1) 應(yīng)該返回一個(gè)數(shù)字 0.
解決方案#1:.sort(),. indexOf()
PEDAC
理解問題:有兩個(gè)輸入:一個(gè)數(shù)組和一個(gè)數(shù)字。我們的目標(biāo)是將輸入的數(shù)字在輸入數(shù)組后中排序后,再返回它的索引。
示例/測試用例:我們不知道輸入的數(shù)組是以哪種方式排序的,但是提供的測試用例清楚地表明,輸入的數(shù)組應(yīng)該從小到大進(jìn)行排序。
請(qǐng)注意,在最后一個(gè)測試用例中存在邊界問題,其中輸入數(shù)組是一個(gè)空數(shù)組。
數(shù)據(jù)結(jié)構(gòu):由于我們最終將會(huì)返回索引,因此應(yīng)該堅(jiān)持使用數(shù)組。
我們將會(huì)用一個(gè)名為 .indexOf() 的方法:
.indexOf() 返回元素在數(shù)組中出現(xiàn)的第一個(gè)索引,如果元素根本不存在則返回 -1。例如:
let food = ['pizza', 'ice cream', 'chips', 'hot dog', 'cake'] food.indexOf('chips') // returns 2 food.indexOf('spaghetti') // returns -1
我們將使用 .concat() 而不是 .push()。為什么呢?因?yàn)楫?dāng)使用 .push() 向數(shù)組添加元素時(shí),它會(huì)返回新數(shù)組的長度。而使用 .concat() 向數(shù)組添加元素時(shí),它會(huì)返回新數(shù)組本身。例如:
let array = [4, 10, 20, 37, 45] array.push(98) // returns 6 array.concat(98) // returns [4, 10, 20, 37, 45, 98]
算法:
- 將num 插入 arr。
- 將 arr 進(jìn)行升序排序。
- 返回 num 的索引。
代碼:
function getIndexToIns(arr, num) { // Insert num into arr, creating a new array. let newArray = arr.concat(num) // [40, 60].concat(50) // [40, 60, 50] // Sort the new array from least to greatest. newArray.sort((a, b) => a - b) // [40, 60, 50].sort((a, b) => a - b) // [40, 50, 60] // Return the index of num which is now // in the correct place in the new array. return newArray.indexOf(num); // return [40, 50, 60].indexOf(50) // 1 } getIndexToIns([40, 60], 50);
去掉局部變量和注釋后的代碼:
function getIndexToIns(arr, num) { return arr.concat(num).sort((a, b) => a - b).indexOf(num); } getIndexToIns([40, 60], 50);
解決方案#2:.sort(),.findIndex()
PEDAC
理解問題:有兩個(gè)輸入:一個(gè)數(shù)組和一個(gè)數(shù)字。我們的目標(biāo)是將輸入的數(shù)字在輸入數(shù)組后中排序后,再返回它的索引。
示例/測試用例:我們不知道輸入的數(shù)組是以哪種方式排序的,但是提供的測試用例清楚地表明,輸入的數(shù)組應(yīng)該從小到大進(jìn)行排序。
這個(gè)解決方案需要考慮兩個(gè)邊界情況:
- 如果輸入數(shù)組為空,則我們需要返回 0,因?yàn)?num 將是該數(shù)組中的唯一元素,所以它在索引為 0 的位置。
- 如果 num 的位置處于升序排序后的 arr 的末尾,那么我們需要返回 arr 的長度。
數(shù)據(jù)結(jié)構(gòu):由于我們最終將會(huì)返回索引,因此應(yīng)該堅(jiān)持使用數(shù)組。
讓我們看看.findIndex() 并了解它將如何幫助解決這一挑戰(zhàn):
.findIndex() 返回?cái)?shù)組中第一個(gè)滿足條件的元素索引。否則它將返回 -1,這表示沒有元素通過測試。例如:
let numbers = [3, 17, 94, 15, 20] numbers.findIndex((currentNum) => currentNum % 2 == 0) // returns 2 numbers.findIndex((currentNum) => currentNum > 100) // returns -1
這對(duì)我們很有用,因?yàn)槲覀兛梢杂?.findIndex() 將輸入 num 與輸入 arr 中的每個(gè)數(shù)字進(jìn)行比較,并找出它從最小到最大的順序。
算法:
- 如果 arr 是一個(gè)空數(shù)組,則返回 0。
- 如果 num 處于排序后數(shù)組的末尾,則返回 arr 的長度。
- 否則,返回索引 num。
代碼:
function getIndexToIns(arr, num) { // Sort arr from least to greatest. let sortedArray = arr.sort((a, b) => a - b) // [40, 60].sort((a, b) => a - b) // [40, 60] // Compare num to each number in sortedArray // and find the index where num is less than or equal to // a number in sortedArray. let index = sortedArray.findIndex((currentNum) => num <= currentNum) // [40, 60].findIndex(40 => 50 <= 40) --> falsy // [40, 60].findIndex(60 => 50 <= 60) --> truthy // returns 1 because num would fit like so [40, 50, 60] // Return the correct index of num. // If num belongs at the end of sortedArray or if arr is empty // return the length of arr. return index === -1 ? arr.length : index } getIndexToIns([40, 60], 50);
去掉局部變量和注釋的代碼:
function getIndexToIns(arr, num) { let index = arr.sort((a, b) => a - b).findIndex((currentNum) => num <= currentNum) return index === -1 ? arr.length : index } getIndexToIns([40, 60], 50);
如果你有其他解決方案或建議,請(qǐng)?jiān)谠u(píng)論中分享!
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
關(guān)于JS前端實(shí)現(xiàn)水印的代碼操作
這篇文章主要介紹了關(guān)于JS前端實(shí)現(xiàn)水印的代碼操作,文中給出了詳細(xì)的實(shí)現(xiàn)思路和代碼示例供大家參考,對(duì)大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2024-06-06詳細(xì)分析Javascript中創(chuàng)建對(duì)象的四種方式
這篇文章詳細(xì)介紹了Javascript中創(chuàng)建對(duì)象的幾種方式與每種方式的優(yōu)缺點(diǎn),其中包括工廠模式、構(gòu)造函數(shù)模式、原型模式和組合使用構(gòu)造函數(shù)模式和原型模式,有需要的小伙伴們一起來學(xué)習(xí)學(xué)習(xí)吧。2016-08-08layui關(guān)閉彈窗后刷新主頁面和當(dāng)前更改項(xiàng)的例子
今天小編就為大家分享一篇layui關(guān)閉彈窗后刷新主頁面和當(dāng)前更改項(xiàng)的例子,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09js使用for循環(huán)查詢數(shù)組中是否存在某個(gè)值
IE8不支持indexOf,因此寫一個(gè)for循環(huán)來判斷是否存在,下面是代碼,經(jīng)測試還不錯(cuò)2014-08-08bootstrap treeview 樹形菜單帶復(fù)選框及級(jí)聯(lián)選擇功能
這篇文章主要介紹了bootstrap treeview 樹形菜單帶復(fù)選框及級(jí)聯(lián)選擇功能,代碼超簡單,感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧2018-06-06前端學(xué)習(xí)筆記style,currentStyle,getComputedStyle的用法與區(qū)別
這篇文章主要介紹了前端學(xué)習(xí)筆記style,currentStyle,getComputedStyle的用法與區(qū)別,需要的朋友可以參考下2016-05-05JavaScript實(shí)現(xiàn)五子棋游戲的方法詳解
這篇文章主要介紹了JavaScript實(shí)現(xiàn)五子棋游戲的方法,結(jié)合實(shí)例形式詳細(xì)分析了javascript實(shí)現(xiàn)五子棋游戲的具體步驟、原理與相關(guān)操作技巧,需要的朋友可以參考下2019-07-07node-http-proxy修改響應(yīng)結(jié)果實(shí)例代碼
這篇文章主要介紹了node-http-proxy修改響應(yīng)結(jié)果的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06