最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JS算法題之查找數(shù)字在數(shù)組中的索引位置

 更新時(shí)間:2019年05月15日 10:34:28   作者:瘋狂的技術(shù)宅  
這篇文章主要給大家介紹了關(guān)于JS算法題之查找數(shù)字在數(shù)組中的索引位置的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用JS具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧

前言

編寫算法時(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]

算法:

  1. 將num 插入 arr。
  2. 將 arr 進(jìn)行升序排序。
  3. 返回 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)行比較,并找出它從最小到最大的順序。

算法:

  1. 如果 arr 是一個(gè)空數(shù)組,則返回 0。
  2. 如果 num 處于排序后數(shù)組的末尾,則返回 arr 的長度。
  3. 否則,返回索引 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)文章

  • 淺談JavaScript異常處理語句

    淺談JavaScript異常處理語句

    考慮到 JS 中的錯(cuò)誤可比服務(wù)器端的代碼產(chǎn)生的錯(cuò)誤要多得多,并且還難以發(fā)現(xiàn)及修正,所以 JS 代碼必須有異常處理以及全局一場處理。
    2015-06-06
  • 詳解JS如何使用Promise緩存網(wǎng)絡(luò)請(qǐng)求

    詳解JS如何使用Promise緩存網(wǎng)絡(luò)請(qǐng)求

    網(wǎng)絡(luò)請(qǐng)求是現(xiàn)代Web應(yīng)用中的常見操作,很多時(shí)候需要獲取服務(wù)器上的數(shù)據(jù),在進(jìn)行網(wǎng)絡(luò)請(qǐng)求時(shí),為了減輕服務(wù)器的壓力,緩存策略常被用來避免對(duì)同一數(shù)據(jù)的重復(fù)請(qǐng)求,本文將探討如何使用Promise結(jié)合緩存來高效處理網(wǎng)絡(luò)請(qǐng)求,需要的朋友可以參考下
    2023-12-12
  • js實(shí)現(xiàn)酷炫倒計(jì)時(shí)動(dòng)畫

    js實(shí)現(xiàn)酷炫倒計(jì)時(shí)動(dòng)畫

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)酷炫倒計(jì)時(shí)動(dòng)畫,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • JS實(shí)現(xiàn)點(diǎn)擊按鈕隨機(jī)生成可拖動(dòng)的不同顏色塊示例

    JS實(shí)現(xiàn)點(diǎn)擊按鈕隨機(jī)生成可拖動(dòng)的不同顏色塊示例

    這篇文章主要介紹了JS實(shí)現(xiàn)點(diǎn)擊按鈕隨機(jī)生成可拖動(dòng)的不同顏色塊,涉及javascript數(shù)值運(yùn)算與頁面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
    2019-01-01
  • JS實(shí)現(xiàn)控制表格行文本對(duì)齊的方法

    JS實(shí)現(xiàn)控制表格行文本對(duì)齊的方法

    這篇文章主要介紹了JS實(shí)現(xiàn)控制表格行文本對(duì)齊的方法,涉及javascript操作表格樣式的相關(guān)技巧,需要的朋友可以參考下
    2015-03-03
  • JS設(shè)計(jì)模式之命令模式概念與用法分析

    JS設(shè)計(jì)模式之命令模式概念與用法分析

    這篇文章主要介紹了JS設(shè)計(jì)模式之命令模式概念與用法,簡單描述了命令模式的原理、功能并結(jié)合javascript實(shí)例形式分析了命令模式相關(guān)定義與使用技巧,需要的朋友可以參考下
    2018-02-02
  • JavaScript作用域與作用域鏈優(yōu)化方式

    JavaScript作用域與作用域鏈優(yōu)化方式

    這篇文章主要介紹了JavaScript作用域與作用域鏈優(yōu)化方式,圍繞主題展開JavaScript作用域以及作用域鏈的那些事情,以及針對(duì)它們的一些我們在代碼中優(yōu)化小技巧,需要的朋友可以參考一下
    2022-07-07
  • javascript實(shí)現(xiàn)阻止iOS APP中的鏈接打開Safari瀏覽器

    javascript實(shí)現(xiàn)阻止iOS APP中的鏈接打開Safari瀏覽器

    這篇文章主要介紹了javascript實(shí)現(xiàn)阻止iOS APP中的鏈接打開Safari瀏覽器,這個(gè)IOS APP一般是Web APP,否則沒法使用本文的代碼,需要的朋友可以參考下
    2014-06-06
  • js事件冒泡與事件捕獲詳解

    js事件冒泡與事件捕獲詳解

    本文主要介紹了js事件冒泡與事件捕獲的相關(guān)知識(shí)。具有很好的參考價(jià)值,下面跟著小編一起來看下吧
    2017-02-02
  • 詳解JS 比較兩個(gè)Json對(duì)象的值是否相等的實(shí)例

    詳解JS 比較兩個(gè)Json對(duì)象的值是否相等的實(shí)例

    這篇文章主要介紹了JS 比較兩個(gè)Json對(duì)象的值是否相等的實(shí)例,有需要的朋友可以參考一下
    2013-11-11

最新評(píng)論

天镇县| 沈丘县| 黔江区| 吉安县| 银川市| 阳原县| 光山县| 九龙坡区| 麦盖提县| 湖南省| 科尔| 黑龙江省| 兴义市| 田阳县| 德庆县| 泗水县| 佛冈县| 贵州省| 三亚市| 琼结县| 施秉县| 拉萨市| 高尔夫| 涞源县| 隆化县| 芒康县| 滕州市| 青冈县| 皋兰县| 习水县| 延吉市| 建宁县| 南宫市| 华蓥市| 焦作市| 赞皇县| 衡山县| 朔州市| 舞钢市| 威宁| 南丹县|