Question

在Javascript中，我正在尝试创建一个函数，它将在字符串中找到最长的数字并将其转换为浮点值。但是，当我输入类似ff333sds22442的内容时，它会输出“333”作为输出22442时的最长数字。

<input type="text" id="numberInput"></input>
<button onclick="findNumber()"> Find Number </button>
<button onclick="makeSubstring()"> Make Substring </button>
<p id="number"></p>

<script>

function findNumber() {
     var input = document.getElementById("numberInput").value;
     var longest = "";
     var result = "";
     var inputSub = "";

     for (var i = 0; i < input.length; i++) {
         for (var j = i + 1; j < input.length; j++) {

             inputSub = input.substring(i, j + 1);
             if (!isNaN(parseFloat(inputSub)) && inputSub.length > longest.length){
                longest = inputSub;
                result = inputSub;
             }
         }
     }

     result = parseFloat(result);
     document.getElementById("number").innerHTML = result;
}

我不确定为什么会这样做，我希望有人可以向我解释。

Answer 1

这不能正常工作的原因是您正在测试parseFloat(inputSub)是否为NaN。这不起作用，因为parseFloat('333sds')将返回333，而不是NaN。

parseFloat的{{3}}包含更严格的解析函数，可用于修复函数中的错误：

var filterFloat = function (value) {
    if(/^(\-|\+)?([0-9]+(\.[0-9]+)?|Infinity)$/
      .test(value))
      return Number(value);
  return NaN;
}

console.log(filterFloat('421'));               // 421
console.log(filterFloat('-421'));              // -421
console.log(filterFloat('+421'));              // 421
console.log(filterFloat('Infinity'));          // Infinity
console.log(filterFloat('1.61803398875'));     // 1.61803398875
console.log(filterFloat('421e+0'));            // NaN
console.log(filterFloat('421hop'));            // NaN
console.log(filterFloat('hop1.61803398875'));  // NaN

Javascript，查找字符串中的最大数字序列

1 个答案: