用于查找最小缺失数字的 JavaScript 程序

用于查找最小缺失数字的 JavaScript 程序

我们得到了一个由不同非负整数组成的排序数组,在​​这里我们必须找到最小的缺失数。因此,在本教程中,我们将探索解决此问题的不同方法,并通过各种示例讨论其时间复杂度。

理解问题

问题描述很简单。给定一个不同非负整数的排序数组,我们需要找到其中最小的缺失数。让我们举个例子来理解这个问题。

示例

假设我们有一个数组 [1, 2, 4, 5, 6]。在这里,我们可以看到这个数组中的数字 2 和 4 之间有一个空格。这种差异表明有一个数字丢失了。现在我们必须找到适合该位置的最小数字。

要判断是否缺少数字,我们首先要查看数组中是否包含数字3。如果数组中不存在数字 3,我们可以说它是缺失数字,因为数字 3 不包含在数组中。

现在让我们看看解决这个问题的一些方法。

方法 1:朴素方法

解决此问题的最简单方法之一是循环数组并确保每个项目都位于正确的位置。如果元素不在正确的位置,我们会发现最小的缺失数。

示例

这是上述解释的代码 -

<!DOCTYPE html>
<html>
<body>
   <h2>Find Smallest Missing Number</h2>
   <p>Array: [0, 1, 2, 3, 5, 6]</p>
   <p>Result: <span id="result"></span></p>
   <script>
      function findSmallestMissingNumber(arr) {
         let n = arr.length;
         for (let i = 0; i < n; i++) {
            if (arr[i] !== i) {
               return i;
            }
         }
         return n;
      }
      const arr = [0, 1, 2, 3, 5, 6];
      const result = findSmallestMissingNumber(arr);
      document.getElementById("result").innerHTML = result;
   </script>
</body>
</html>

由于我们要遍历整个数组,因此该方法的时间复杂度为 O(n)。

但是,这个解决方案效率低下,因为它没有利用“向我们提供了一个已排序的数组”这一事实。

方法2:二分查找法

在这里,我们将使用二分搜索方法来更有效地解决这个问题。在这种方法中,我们对数组中不存在的第一个元素进行二分搜索。这种方法的代码是 -

示例

<!DOCTYPE html>
<html>
<body>
   <div id="result"></div>
   <script>
      function findSmallestMissingNumber(arr) {
         let n = arr.length;
         let low = 0;
         let high = n - 1;
         let mid = 0;
         while (high - low > 1) {
            mid = Math.floor((low + high) / 2);
            if (arr[mid] - mid !== arr[low] - low) {
               high = mid;
            } else if (arr[mid] - mid !== arr[high] - high) {
               low = mid;
            }
         }
         return arr[low] + 1;
      }
      const arr = [0, 1, 2, 3, 4, 5, 6, 8];
      const result = findSmallestMissingNumber(arr);
      document.getElementById("result").innerHTML = "Array: " + JSON.stringify(arr) ;
      document.getElementById("result").innerHTML += "<br>The smallest missing number is: " + result;
   </script>
</body>
</html>

由于我们正在进行二分搜索,因此上述方法的时间复杂度为 O(log n)。

这种方法比我们简单的方法更有效,因为它利用了数组已排序的事实。

方法三:线性搜索法

我们将讨论的第三种方法是线性搜索方法。此方法依赖于数组已排序的事实,这将允许我们应用线性搜索来识别丢失的数字。

线性搜索方法的工作原理是迭代数组并将每个成员与其索引进行比较。如果某个元素的索引不等于其值,则缺少的元素位于数组中位于该元素之前的其他位置。我们返回缺失元素的索引。

示例

线性搜索方法的代码如下 -

<!DOCTYPE html>
<html>
<body>
   <h2>Find Smallest Missing Number</h2>
   <p>Array: [1, 2, 3, 5]</p>
   <p>Result: <span id="result"></span></p>
   <script>
      function findSmallestMissingNumber(arr) {
         for (let i = 0; i < arr.length; i++) {
            if (arr[i] !== i+1) {
               return i+1;
            }
         }
         return arr.length+1;
      }
      const arr = [1, 2, 3, 5];
      const result = findSmallestMissingNumber(arr);
      document.getElementById("result").innerHTML = result;
   </script>
</body>
</html>

这种方法的时间复杂度是 O(n),因为我们要迭代整个数组。

这种方法的效率低于二分搜索方法,但对于小型数组很有用。

方法4:改进的二分查找

我们将讨论的第四种方法是改进的二分搜索方法。此方法与二分查找方法非常相似,只不过我们不是将中间元素与缺失的整数进行比较,而是将其与其索引进行比较。

修改后的二分搜索方法背后的基本思想是在每一步将数组分成两半,并将中间元素与其索引进行比较。如果中间元素大于其索引,则缺失的成员必须位于数组的左半部分。如果中间元素等于或小于其索引,则缺失的元素一定位于数组的右半部分。

示例

这是修改后的二分查找方法的代码实现 -

<!DOCTYPE html>
<html>
<body>
   <h2>Find Smallest Missing Number</h2>
   <p>Predefined array:</p>
   <pre id="inputArray"></pre>
   <button onclick="findMissingNumber()">Find Missing Number</button>
   <p id="result"></p>
   <script>
      
      // Define the input array
      const inputArray = [0, 1, 2, 3, 4, 6, 7, 8];
      
      // Display the input array in the pre tag
      document.getElementById("inputArray").innerHTML = JSON.stringify(inputArray);
      function findMissingNumber() {
         
         // Call the findSmallestMissingNumber function to get the result
         const result = findSmallestMissingNumber(inputArray);
         
         // Display the result using the innerHTML method
         document.getElementById("result").innerHTML = `The smallest missing number is: ${result}`;
      }
      
      // Copy the findSmallestMissingNumber function here
      function findSmallestMissingNumber(arr) {
         let left = 0;
         let right = arr.length - 1;
         while (left <= right) {
            let mid = Math.floor((left + right) / 2);
            if (arr[mid] > mid) {
               right = mid - 1;
            } else {
               left = mid + 1;
            }
         }
         return left;
      }
   </script>
</body>
</html>

这种方法的时间复杂度也是 O(log n),与二分查找方法相同。

这种方法比线性搜索方法更有效,并且需要对数组进行排序。

结论

在本博客中,我们讨论了从数组中查找最小缺失数字的四种方法。这些是朴素方法、二分搜索方法、线性搜索方法和修改的二分搜索方法。

以上就是用于查找最小缺失数字的 JavaScript 程序的详细内容,更多请关注编程之家其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


kindeditor4.x代码高亮功能默认使用的是prettify插件,prettify是Google提供的一款源代码语法高亮着色器,它提供一种简单的形式来着色HTML页面上的程序代码,实现方式如下: 首先在编辑器里面插入javascript代码: 确定后会在编辑器插入这样的代码: <pre
这一篇我将介绍如何让kindeditor4.x整合SyntaxHighlighter代码高亮,因为SyntaxHighlighter的应用非常广泛,所以将kindeditor默认的prettify替换为SyntaxHighlighter代码高亮插件 上一篇“让kindeditor显示高亮代码”中已经
js如何实现弹出form提交表单?(图文+视频)
js怎么获取复选框选中的值
js如何实现倒计时跳转页面
如何用js控制图片放大缩小
JS怎么获取当前时间戳
JS如何判断对象是否为数组
JS怎么获取图片当前宽高
JS对象如何转为json格式字符串
JS怎么获取图片原始宽高
怎么在click事件中调用多个js函数
js如何往数组中添加新元素
js如何拆分字符串
JS怎么对数组内元素进行求和
JS如何判断屏幕大小
js怎么解析json数据
js如何实时获取浏览器窗口大小
原生JS实现别踩白块小游戏(五)
原生JS实现别踩白块小游戏(一)