JS索引匹配算法-随机数在数组中的索引

最新推荐文章于 2024-07-24 11:09:48 发布

前端程序媛Ying

最新推荐文章于 2024-07-24 11:09:48 发布

阅读量232

点赞数 1

分类专栏：算法文章标签： javascript 算法

本文链接：https://blog.csdn.net/m0_62323730/article/details/129957462

版权

算法专栏收录该内容

1 篇文章 0 订阅

订阅专栏

应用场景：根据时间匹配歌词

1. 在数组中定位随机数所在的索引，随机数通过循环遍历数组进行对比，当数组的数大于随机数时，把索引 -1 就得到了随机数的索引。

2. 设置默认索引为（数组长度 -1）防止取不到索引。

3. 如果取到的索引为 -1，直接 return。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <button class="btn">随机数</button>

    <script>
      // 1.定义数据
      const values = [100, 300, 500, 800, 1200]

      // 2.监听按钮的点击
      const btn = document.querySelector('.btn')
      btn.onclick = function () {
        // 生成随机数
        let currentValue = Math.floor(Math.random() * 1500)
        // console.log(currentValue)
        matchIndex(currentValue)
      }

      // 3.封装函数：根据 value 去匹配索引
      function matchIndex(currentValue) {
        let currentIndex = values.length - 1

        for (let i = 0; i < values.length; i++) {
          const value = values[i]
          if (value > currentValue) {
            currentIndex = i - 1
            break
          }
        }
        if (currentIndex === -1) return
        console.log('currentValue:', currentValue, 'index:', currentIndex)
      }
    </script>
  </body>
</html>

前端程序媛Ying

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS索引匹配算法-随机数在数组中的索引

1. 在数组中定位随机数所在的索引，随机数通过循环遍历数组进行对比，当数组的数大于随机数时，把索引 -1 就得到了随机数的索引。2. 设置默认索引为（数组长度 -1）防止取不到索引。3. 如果取到的索引为 -1，直接 return。应用场景：根据时间匹配歌词。
复制链接

扫一扫

专栏目录