질문자 :Community Wiki
JavaScript에서 십진수의 유효성을 검사하는 가장 깨끗하고 효과적인 방법은 무엇입니까?
보너스 포인트:
테스트 케이스:
01. IsNumeric('-1') => true 02. IsNumeric('-1.5') => true 03. IsNumeric('0') => true 04. IsNumeric('0.42') => true 05. IsNumeric('.42') => true 06. IsNumeric('99,999') => false 07. IsNumeric('0x89f') => false 08. IsNumeric('#abcdef') => false 09. IsNumeric('1.2.3') => false 10. IsNumeric('') => false 11. IsNumeric('blah') => false@Joel의 대답 은 거의 비슷하지만 다음과 같은 경우 실패합니다.
// Whitespace strings: IsNumeric(' ') == true; IsNumeric('\t\t') == true; IsNumeric('\n\r') == true; // Number literals: IsNumeric(-1) == false; IsNumeric(0) == false; IsNumeric(1.1) == false; IsNumeric(8e5) == false; 얼마 전 나는 IsNumeric 함수를 구현해야 했습니다. 변수에 숫자 값이 포함되어 있는지 확인하려면 유형에 관계없이 String 일 수 있습니다(지수 표기법 등도 고려해야 함). Number 객체, 거의 모든 것이 해당 함수에 전달될 수 있지만 유형 강제 변환을 처리하면서 유형 가정을 할 수 없었습니다(예: +true == 1; 그러나 true "numeric" 로 간주되어서는 안 됨).
나는 수많은 기능 구현에 대해 만들어진 이 +30 단위 테스트 세트를 공유할 가치가 있다고 생각하고 모든 테스트를 통과한 것을 공유할 가치가 있다고 생각합니다.
function isNumeric(n) { return !isNaN(parseFloat(n)) && isFinite(n); }PS isNaN 및 isFinite 는 숫자로의 강제 변환으로 인해 혼란스러운 동작을 합니다. ES6에서 Number.isNaN & Number.isFinite 는 이러한 문제를 해결합니다. 그것들을 사용할 때 염두에 두십시오.
업데이트 : jQuery가 지금 수행하는 방법은 다음과 같습니다(2.2-안정) .
isNumeric: function(obj) { var realStringObj = obj && obj.toString(); return !jQuery.isArray(obj) && (realStringObj - parseFloat(realStringObj) + 1) >= 0; }업데이트 : Angular 4.3 :
export function isNumeric(value: any): boolean { return !isNaN(value - parseFloat(value)); }으악! 정규식 답변을 듣지 마십시오. RegEx는 이것에 대해 의아해하며 성능만을 말하는 것이 아닙니다. 정규 표현식으로 실수를 발견하는 것은 불가능하고 미묘하게 만들기 쉽습니다.
isNaN() 사용할 수 없다면 훨씬 더 잘 작동합니다:
function IsNumeric(input) { return (input - 0) == input && (''+input).trim().length > 0; }작동 방식은 다음과 같습니다.
(input - 0) 표현식은 JavaScript가 입력 값에 대해 강제 변환을 수행하도록 합니다. 먼저 빼기 연산을 위한 숫자로 해석되어야 합니다. 숫자로의 변환이 실패하면 표현식은 NaN 됩니다. 그런 다음 이 숫자 결과를 전달한 원래 값과 비교합니다. 이제 왼쪽이 숫자이므로 유형 강제 변환이 다시 사용됩니다. 이제 양쪽의 입력이 동일한 원래 값에서 동일한 유형으로 강제 변환되었으므로 항상 동일해야 한다고 생각할 것입니다(항상 true). 그러나 말한다 특별한 규칙이있다 NaN 동일 결코 NaN (숫자로 변환 할 수 없습니다 만 값) 숫자로 변환 할 수없는 값이 false가 발생합니다 있도록하고.
길이 확인은 빈 문자열과 관련된 특별한 경우입니다. 또한 0x89f 테스트에 포함되지만 이는 많은 환경에서 숫자 리터럴을 정의하는 괜찮은 방법이기 때문입니다. 특정 시나리오를 포착하려면 추가 검사를 추가할 수 있습니다. 더 좋은 점은 이것이 isNaN() 을 사용하지 않는 이유라면 추가 검사도 수행할 수 있는 isNaN() 주위에 고유한 함수를 래핑하는 것입니다.
요약 하면 값을 숫자로 변환할 수 있는지 알고 싶다면 실제로 숫자로 변환해 보십시오.
나는 돌아가서 공백 문자열이 예상한 출력을 가지지 않는 이유 에 대해 약간의 연구를 했고, 이제 알 것 같습니다. 빈 문자열은 NaN 아닌 0 으로 강제 변환됩니다. 길이 검사 전에 단순히 문자열을 트리밍하면 이 경우가 처리됩니다.
새 코드에 대해 단위 테스트를 실행하면 무한대 및 부울 리터럴에서만 실패하고 문제가 되어야 하는 유일한 시간은 코드를 생성하는 경우입니다(실제로 누가 리터럴을 입력하고 숫자인지 확인할까요? 알고 있어야 하며, 생성할 이상한 코드가 될 것입니다.
그러나 다시 말하지만 이것을 사용하는 유일한 이유는 어떤 이유로 isNaN()을 피해야 하는 경우입니다.
이 방법은 잘 작동하는 것 같습니다.
function IsNumeric(input){ var RE = /^-{0,1}\d*\.{0,1}\d+$/; return (RE.test(input)); }한 줄로:
const IsNumeric = (num) => /^-{0,1}\d*\.{0,1}\d+$/.test(num);그리고 그것을 테스트하려면:
const IsNumeric = (num) => /^-{0,1}\d*\.{0,1}\d+$/.test(num); function TestIsNumeric(){ var results = '' results += (IsNumeric('-1')?"Pass":"Fail") + ": IsNumeric('-1') => true\n"; results += (IsNumeric('-1.5')?"Pass":"Fail") + ": IsNumeric('-1.5') => true\n"; results += (IsNumeric('0')?"Pass":"Fail") + ": IsNumeric('0') => true\n"; results += (IsNumeric('0.42')?"Pass":"Fail") + ": IsNumeric('0.42') => true\n"; results += (IsNumeric('.42')?"Pass":"Fail") + ": IsNumeric('.42') => true\n"; results += (!IsNumeric('99,999')?"Pass":"Fail") + ": IsNumeric('99,999') => false\n"; results += (!IsNumeric('0x89f')?"Pass":"Fail") + ": IsNumeric('0x89f') => false\n"; results += (!IsNumeric('#abcdef')?"Pass":"Fail") + ": IsNumeric('#abcdef') => false\n"; results += (!IsNumeric('1.2.3')?"Pass":"Fail") + ": IsNumeric('1.2.3') => false\n"; results += (!IsNumeric('')?"Pass":"Fail") + ": IsNumeric('') => false\n"; results += (!IsNumeric('blah')?"Pass":"Fail") + ": IsNumeric('blah') => false\n"; return results; } console.log(TestIsNumeric()); .as-console-wrapper { max-height: 100% !important; top: 0; }http://www.codetoad.com/javascript/isnumeric.asp 에서 해당 정규식을 빌렸습니다. 설명:
/^ match beginning of string -{0,1} optional negative sign \d* optional digits \.{0,1} optional decimal point \d+ at least one digit $/ match end of string야후! UI 는 다음을 사용합니다.
isNumber: function(o) { return typeof o === 'number' && isFinite(o); }허용된 답변은 테스트 #7에 실패했으며 마음이 바뀌었기 때문인 것 같습니다. 따라서 이것은 내가 문제를 가지고 있는 허용된 답변에 대한 응답입니다.
일부 프로젝트에서 일부 데이터의 유효성을 검사하고 수학 연산에 사용할 수 있는 자바스크립트 숫자 값인지 가능한 한 확실하게 확인해야 했습니다.
jQuery 및 일부 다른 자바스크립트 라이브러리에는 일반적으로 isNumeric 이라고 하는 이러한 함수가 이미 포함되어 있습니다. 앞서 언급한 라이브러리가 사용하는 것과 동일한 일반적인 루틴인 답변으로 널리 받아 들여진 stackoverflow에 대한 게시물도 있습니다.
function isNumber(n) { return !isNaN(parseFloat(n)) && isFinite(n); }첫째, 인수가 길이가 1인 배열이고 해당 단일 요소가 위의 논리에서 숫자로 간주되는 유형인 경우 위의 코드는 true를 반환합니다. 제 생각에는 배열이면 숫자가 아닙니다.
이 문제를 완화하기 위해 논리에서 배열을 할인하는 검사를 추가했습니다.
function isNumber(n) { return Object.prototype.toString.call(n) !== '[object Array]' &&!isNaN(parseFloat(n)) && isFinite(n); } Object.prototype.toString.call(n) !== '[object Array]' 대신 Array.isArray , jquery $.isArray 또는 프로토타입 Object.isArray 를 사용할 수도 있습니다.
두 번째 문제는 음의 16진수 정수 리터럴 문자열("-0xA" -> -10)이 숫자로 계산되지 않는다는 것입니다. 그러나 양의 16진수 정수 리터럴 문자열("0xA" -> 10)은 숫자로 처리되었습니다. 유효한 숫자가 되기 위해서는 둘 다 필요했습니다.
그런 다음 이를 고려하여 논리를 수정했습니다.
function isNumber(n) { return Object.prototype.toString.call(n) !== '[object Array]' &&!isNaN(parseFloat(n)) && isFinite(n.toString().replace(/^-/, '')); }함수가 호출될 때마다 정규식 생성이 걱정된다면 다음과 같이 클로저 내에서 다시 작성할 수 있습니다.
var isNumber = (function () { var rx = /^-/; return function (n) { return Object.prototype.toString.call(n) !== '[object Array]' &&!isNaN(parseFloat(n)) && isFinite(n.toString().replace(rx, '')); }; }());그런 다음 CMS + 30 테스트 케이스 를 가져 와서 jsfiddle에서 테스트를 복제하여 추가 테스트 케이스와 위에서 설명한 솔루션을 추가했습니다.
널리 받아 들여지는 / 사용되는 답변을 대체하지 못할 수도 있지만 이것이 isNumeric 함수의 결과로 기대하는 것 이상이면 도움이되기를 바랍니다.
편집: Bergi가 지적한 것처럼 숫자로 간주될 수 있는 다른 가능한 개체가 있으며 블랙리스트보다 화이트리스트에 추가하는 것이 좋습니다. 이를 염두에 두고 기준을 추가하겠습니다.
내 isNumeric 함수가 숫자 또는 문자열만 고려하도록 하고 싶습니다.
이를 염두에두고 사용하는 것이 좋습니다.
function isNumber(n) { return (Object.prototype.toString.call(n) === '[object Number]' || Object.prototype.toString.call(n) === '[object String]') &&!isNaN(parseFloat(n)) && isFinite(n.toString().replace(/^-/, '')); }솔루션 테스트
var testHelper = function() { var testSuite = function() { test("Integer Literals", function() { ok(isNumber("-10"), "Negative integer string"); ok(isNumber("0"), "Zero string"); ok(isNumber("5"), "Positive integer string"); ok(isNumber(-16), "Negative integer number"); ok(isNumber(0), "Zero integer number"); ok(isNumber(32), "Positive integer number"); ok(isNumber("040"), "Octal integer literal string"); ok(isNumber(0144), "Octal integer literal"); ok(isNumber("-040"), "Negative Octal integer literal string"); ok(isNumber(-0144), "Negative Octal integer literal"); ok(isNumber("0xFF"), "Hexadecimal integer literal string"); ok(isNumber(0xFFF), "Hexadecimal integer literal"); ok(isNumber("-0xFF"), "Negative Hexadecimal integer literal string"); ok(isNumber(-0xFFF), "Negative Hexadecimal integer literal"); }); test("Foating-Point Literals", function() { ok(isNumber("-1.6"), "Negative floating point string"); ok(isNumber("4.536"), "Positive floating point string"); ok(isNumber(-2.6), "Negative floating point number"); ok(isNumber(3.1415), "Positive floating point number"); ok(isNumber(8e5), "Exponential notation"); ok(isNumber("123e-2"), "Exponential notation string"); }); test("Non-Numeric values", function() { equals(isNumber(""), false, "Empty string"); equals(isNumber(" "), false, "Whitespace characters string"); equals(isNumber("\t\t"), false, "Tab characters string"); equals(isNumber("abcdefghijklm1234567890"), false, "Alphanumeric character string"); equals(isNumber("xabcdefx"), false, "Non-numeric character string"); equals(isNumber(true), false, "Boolean true literal"); equals(isNumber(false), false, "Boolean false literal"); equals(isNumber("bcfed5.2"), false, "Number with preceding non-numeric characters"); equals(isNumber("7.2acdgs"), false, "Number with trailling non-numeric characters"); equals(isNumber(undefined), false, "Undefined value"); equals(isNumber(null), false, "Null value"); equals(isNumber(NaN), false, "NaN value"); equals(isNumber(Infinity), false, "Infinity primitive"); equals(isNumber(Number.POSITIVE_INFINITY), false, "Positive Infinity"); equals(isNumber(Number.NEGATIVE_INFINITY), false, "Negative Infinity"); equals(isNumber(new Date(2009, 1, 1)), false, "Date object"); equals(isNumber(new Object()), false, "Empty object"); equals(isNumber(function() {}), false, "Instance of a function"); equals(isNumber([]), false, "Empty Array"); equals(isNumber(["-10"]), false, "Array Negative integer string"); equals(isNumber(["0"]), false, "Array Zero string"); equals(isNumber(["5"]), false, "Array Positive integer string"); equals(isNumber([-16]), false, "Array Negative integer number"); equals(isNumber([0]), false, "Array Zero integer number"); equals(isNumber([32]), false, "Array Positive integer number"); equals(isNumber(["040"]), false, "Array Octal integer literal string"); equals(isNumber([0144]), false, "Array Octal integer literal"); equals(isNumber(["-040"]), false, "Array Negative Octal integer literal string"); equals(isNumber([-0144]), false, "Array Negative Octal integer literal"); equals(isNumber(["0xFF"]), false, "Array Hexadecimal integer literal string"); equals(isNumber([0xFFF]), false, "Array Hexadecimal integer literal"); equals(isNumber(["-0xFF"]), false, "Array Negative Hexadecimal integer literal string"); equals(isNumber([-0xFFF]), false, "Array Negative Hexadecimal integer literal"); equals(isNumber([1, 2]), false, "Array with more than 1 Positive interger number"); equals(isNumber([-1, -2]), false, "Array with more than 1 Negative interger number"); }); } var functionsToTest = [ function(n) { return !isNaN(parseFloat(n)) && isFinite(n); }, function(n) { return !isNaN(n) && !isNaN(parseFloat(n)); }, function(n) { return !isNaN((n)); }, function(n) { return !isNaN(parseFloat(n)); }, function(n) { return typeof(n) != "boolean" && !isNaN(n); }, function(n) { return parseFloat(n) === Number(n); }, function(n) { return parseInt(n) === Number(n); }, function(n) { return !isNaN(Number(String(n))); }, function(n) { return !isNaN(+('' + n)); }, function(n) { return (+n) == n; }, function(n) { return n && /^-?\d+(\.\d+)?$/.test(n + ''); }, function(n) { return isFinite(Number(String(n))); }, function(n) { return isFinite(String(n)); }, function(n) { return !isNaN(n) && !isNaN(parseFloat(n)) && isFinite(n); }, function(n) { return parseFloat(n) == n; }, function(n) { return (n - 0) == n && n.length > 0; }, function(n) { return typeof n === 'number' && isFinite(n); }, function(n) { return !Array.isArray(n) && !isNaN(parseFloat(n)) && isFinite(n.toString().replace(/^-/, '')); } ]; // Examines the functionsToTest array, extracts the return statement of each function // and fills the toTest select element. var fillToTestSelect = function() { for (var i = 0; i < functionsToTest.length; i++) { var f = functionsToTest[i].toString(); var option = /[\s\S]*return ([\s\S]*);/.exec(f)[1]; $("#toTest").append('<option value="' + i + '">' + (i + 1) + '. ' + option + '</option>'); } } var performTest = function(functionNumber) { reset(); // Reset previous test $("#tests").html(""); //Clean test results isNumber = functionsToTest[functionNumber]; // Override the isNumber global function with the one to test testSuite(); // Run the test // Get test results var totalFail = 0; var totalPass = 0; $("b.fail").each(function() { totalFail += Number($(this).html()); }); $("b.pass").each(function() { totalPass += Number($(this).html()); }); $("#testresult").html(totalFail + " of " + (totalFail + totalPass) + " test failed."); $("#banner").attr("class", "").addClass(totalFail > 0 ? "fail" : "pass"); } return { performTest: performTest, fillToTestSelect: fillToTestSelect, testSuite: testSuite }; }(); $(document).ready(function() { testHelper.fillToTestSelect(); testHelper.performTest(0); $("#toTest").change(function() { testHelper.performTest($(this).children(":selected").val()); }); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script> <script src="https://rawgit.com/Xotic750/testrunner-old/master/testrunner.js" type="text/javascript"></script> <link href="https://rawgit.com/Xotic750/testrunner-old/master/testrunner.css" rel="stylesheet" type="text/css"> <h1>isNumber Test Cases</h1> <h2 id="banner" class="pass"></h2> <h2 id="userAgent">Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.11 (KHTML, like Gecko) Chrome/23.0.1271.95 Safari/537.11</h2> <div id="currentFunction"></div> <div id="selectFunction"> <label for="toTest" style="font-weight:bold; font-size:Large;">Select function to test:</label> <select id="toTest" name="toTest"> </select> </div> <div id="testCode"></div> <ol id="tests"> <li class="pass"> <strong>Integer Literals <b style="color:black;">(0, 10, 10)</b></strong> <ol style="display: none;"> <li class="pass">Negative integer string</li> <li class="pass">Zero string</li> <li class="pass">Positive integer string</li> <li class="pass">Negative integer number</li> <li class="pass">Zero integer number</li> <li class="pass">Positive integer number</li> <li class="pass">Octal integer literal string</li> <li class="pass">Octal integer literal</li> <li class="pass">Hexadecimal integer literal string</li> <li class="pass">Hexadecimal integer literal</li> </ol> </li> <li class="pass"> <strong>Foating-Point Literals <b style="color:black;">(0, 6, 6)</b></strong> <ol style="display: none;"> <li class="pass">Negative floating point string</li> <li class="pass">Positive floating point string</li> <li class="pass">Negative floating point number</li> <li class="pass">Positive floating point number</li> <li class="pass">Exponential notation</li> <li class="pass">Exponential notation string</li> </ol> </li> <li class="pass"> <strong>Non-Numeric values <b style="color:black;">(0, 18, 18)</b></strong> <ol style="display: none;"> <li class="pass">Empty string: false</li> <li class="pass">Whitespace characters string: false</li> <li class="pass">Tab characters string: false</li> <li class="pass">Alphanumeric character string: false</li> <li class="pass">Non-numeric character string: false</li> <li class="pass">Boolean true literal: false</li> <li class="pass">Boolean false literal: false</li> <li class="pass">Number with preceding non-numeric characters: false</li> <li class="pass">Number with trailling non-numeric characters: false</li> <li class="pass">Undefined value: false</li> <li class="pass">Null value: false</li> <li class="pass">NaN value: false</li> <li class="pass">Infinity primitive: false</li> <li class="pass">Positive Infinity: false</li> <li class="pass">Negative Infinity: false</li> <li class="pass">Date object: false</li> <li class="pass">Empty object: false</li> <li class="pass">Instance of a function: false</li> </ol> </li> </ol> <div id="main"> This page contains tests for a set of isNumber functions. To see them, take a look at the source. </div> <div> <p class="result">Tests completed in 0 milliseconds. <br>0 tests of 0 failed.</p> </div>function IsNumeric(num) { return (num >=0 || num < 0); }이것은 0x23 유형 번호에서도 작동합니다.
예, 내장된 isNaN(object) 은 즉석에서 해석되는 대신 내장 및 컴파일되기 때문에 정규식 구문 분석보다 훨씬 빠릅니다.
결과가 당신이 찾고 있는 것과 다소 다르지만 ( 시도해보세요 ):
// IS NUMERIC document.write(!isNaN('-1') + "<br />"); // true document.write(!isNaN('-1.5') + "<br />"); // true document.write(!isNaN('0') + "<br />"); // true document.write(!isNaN('0.42') + "<br />"); // true document.write(!isNaN('.42') + "<br />"); // true document.write(!isNaN('99,999') + "<br />"); // false document.write(!isNaN('0x89f') + "<br />"); // true document.write(!isNaN('#abcdef') + "<br />"); // false document.write(!isNaN('1.2.3') + "<br />"); // false document.write(!isNaN('') + "<br />"); // true document.write(!isNaN('blah') + "<br />"); // falseisNaN 함수를 사용합니다. !isNaN(yourstringhere) 대해 테스트하면 이러한 상황에서 잘 작동한다고 생각합니다.
jQuery 1.7부터 jQuery.isNumeric() 사용할 수 있습니다.
$.isNumeric('-1'); // true $.isNumeric('-1.5'); // true $.isNumeric('0'); // true $.isNumeric('0.42'); // true $.isNumeric('.42'); // true $.isNumeric('0x89f'); // true (valid hexa number) $.isNumeric('99,999'); // false $.isNumeric('#abcdef'); // false $.isNumeric('1.2.3'); // false $.isNumeric(''); // false $.isNumeric('blah'); // false 당신이 말한 것과 달리 0x89f 는 유효한 숫자(헥사)입니다.
RegExp 없이 다음과 같이 수행할 수 있습니다.
function IsNumeric(data){ return parseFloat(data)==data; }원래 질문에 jQuery가 언급되어 있지 않다는 것을 알고 있지만 jQuery를 사용하는 경우 다음을 수행할 수 있습니다.
$.isNumeric(val)단순한.
https://api.jquery.com/jQuery.isNumeric/ (jQuery 1.7부터)
return (input - 0) == input && input.length > 0; 나를 위해 일하지 않았다. 경고를 입력하고 테스트했을 때 input.length 가 undefined . 정수 길이를 확인하는 속성이 없다고 생각합니다. 그래서 내가 한 것은
var temp = '' + input; return (input - 0) == input && temp.length > 0;잘 작동했습니다.
제가 잘못 본게 아니라면,이 상수 (제외, 유효한 자바 스크립트 숫자 값과 일치해야 Infinity , NaN )와 부호 연산자 + / - 그들이 지금까지 내가 걱정 한 수에 실제로 일부이기 때문에 (그들이 별도의 연산자 ):
평가를 위해 숫자를 JavaScript로 보내는 것이 옵션이 아닌 토크나이저를 위해 이것을 필요로 했습니다... 이것은 확실히 가능한 가장 짧은 정규 표현식은 아니지만 JavaScript의 숫자 구문의 모든 미세한 미묘함을 포착한다고 믿습니다.
/^(?:(?:(?:[1-9]\d*|\d)\.\d*|(?:[1-9]\d*|\d)?\.\d+|(?:[1-9]\d*|\d)) (?:[e]\d+)?|0[0-7]+|0x[0-9a-f]+)$/i유효한 숫자는 다음과 같습니다.
- 0 - 00 - 01 - 10 - 0e1 - 0e01 - .0 - 0. - .0e1 - 0.e1 - 0.e00 - 0xf - 0Xf잘못된 숫자는
- 00e1 - 01e1 - 00.0 - 00x0 - . - .e0@CMS의 답변에서 내가 가진 유일한 문제는 많은 상황에서 유용한 숫자 NaN 과 Infinity를 제외한다는 것입니다. NaN 을 확인하는 한 가지 방법은 자신과 같지 않은 숫자 값을 확인하는 것입니다. NaN != NaN ! 그래서 정말 처리하고 싶은 3가지 테스트가 있습니다 ...
function isNumber(n) { n = parseFloat(n); return !isNaN(n) || n != n; } function isFiniteNumber(n) { n = parseFloat(n); return !isNaN(n) && isFinite(n); } function isComparableNumber(n) { n = parseFloat(n); return (n >=0 || n < 0); } isFiniteNumber('NaN') false isFiniteNumber('OxFF') true isNumber('NaN') true isNumber(1/0-1/0) true isComparableNumber('NaN') false isComparableNumber('Infinity') true내 isComparableNumber 는 또 다른 우아한 답변에 매우 가깝지만 16진수 및 기타 숫자 문자열 표현을 처리합니다.
나에게 이것은 가장 좋은 방법입니다.
isNumber : function(v){ return typeof v === 'number' && isFinite(v); }다음을 추가하고 싶습니다.
1. IsNumeric('0x89f') => true 2. IsNumeric('075') => true1. IsNumeric('0x89f') => true 2. IsNumeric('075') => true
양수 16진수는 0x 시작하고 음수 16진수는 -0x 시작합니다. 양수 10진수는 0 시작하고 음수 8진수는 -0 시작합니다. 이것은 이미 언급된 대부분을 고려하지만 16진수 및 8진수, 음수 과학, 무한대를 포함하고 십진 과학을 제거했습니다( 4e3.2 는 유효하지 않음).
function IsNumeric(input){ var RE = /^-?(0|INF|(0[1-7][0-7]*)|(0x[0-9a-fA-F]+)|((0|[1-9][0-9]*|(?=[\.,]))([\.,][0-9]+)?([eE]-?\d+)?))$/; return (RE.test(input)); }parseFloat 함수가 여기에서 모든 작업을 수행할 수 있다고 생각합니다. isNumeric(Infinity) == true 포함하여 이 페이지의 모든 테스트를 통과합니다.
function isNumeric(n) { return parseFloat(n) == n; }추가할 몇 가지 테스트:
IsNumeric('01.05') => false IsNumeric('1.') => false IsNumeric('.') => false나는 이것을 생각해 냈습니다.
function IsNumeric(input) { return /^-?(0|[1-9]\d*|(?=\.))(\.\d+)?$/.test(input); }솔루션에는 다음이 포함됩니다.
정수 값은 다음을 통해 확인할 수 있습니다.
function isNumeric(value) { var bool = isNaN(+value)); bool = bool || (value.indexOf('.') != -1); bool = bool || (value.indexOf(",") != -1); return !bool; };이 방법이 더 쉽고 빠릅니다! 모든 테스트가 확인되었습니다!
여기에 내가 정확한 jQuery의 변형 대신 사용하는 약간 개선된 버전(아마도 가장 빠른 방법)이 있습니다. 나는 그들이 이것을 사용하지 않는 이유를 정말로 모르겠습니다.
function isNumeric(val) { return !isNaN(+val) && isFinite(val); } "123abc" 와 같은 선행 숫자와 후행 문자가 있는 문자열을 전달하면 parseFloat | parseInt 는 숫자 분수를 추출하고 123을 반환하지만 두 번째 가드 isFinite 는 어쨌든 실패합니다. + 연산자를 사용하면 +가 이러한 하이브리드에 대해 NaN을 던지기 때문에 첫 번째 보호에서 죽을 것입니다. :) 약간의 성능이지만 확실한 의미론적 이득이 있다고 생각합니다.
변수에 숫자처럼 보이는 문자열뿐만 아니라 유효한 숫자가 포함되어 있는지 확인하려면 Number.isFinite(value) 사용할 수 있습니다.
이것은 ES2015 부터 언어의 일부입니다.
예:
Number.isFinite(Infinity) // false Number.isFinite(NaN) // false Number.isFinite(-Infinity) // false Number.isFinite(0) // true Number.isFinite(2e64) // true Number.isFinite('0') // false Number.isFinite(null) // false내 솔루션,
function isNumeric(input) { var number = /^\-{0,1}(?:[0-9]+){0,1}(?:\.[0-9]+){0,1}$/i; var regex = RegExp(number); return regex.test(input) && input.length>0; }모든 상황에서 작동하는 것처럼 보이지만 틀릴 수 있습니다.
더 간단한 솔루션을 사용하고 있습니다.
function isNumber(num) { return parseFloat(num).toString() == num }이것은 작동해야합니다. 여기에 제공된 기능 중 일부는 결함이 있으며 여기에 있는 다른 기능보다 빠릅니다.
function isNumeric(n) { var n2 = n; n = parseFloat(n); return (n!='NaN' && n2==n); }설명:
자신의 복사본을 만든 다음 숫자를 부동 소수점으로 변환한 다음 원래 숫자와 자신을 비교합니다(정수 또는 부동 소수점이든 상관 없이). 원래 숫자와 일치하면 실제로 숫자임을 의미합니다.
숫자 문자열은 물론 일반 숫자에서도 작동합니다. 16진수로는 작동하지 않습니다.
경고: 자신의 책임하에 사용하십시오. 보장은 없습니다.
빈 문자열에 대해 false 를 반환하지 않습니다. 이에 대한 수정 사항은...
function is_numeric(n) { return (n != '' && !isNaN(parseFloat(n)) && isFinite(n)); }function inNumeric(n){ return Number(n).toString() === n; } n이 숫자이면 Number(n) 은 숫자 값을 반환하고 toString() 은 이를 문자열로 되돌립니다. 그러나 n이 숫자가 아닌 경우 Number(n) 은 NaN n 과 일치하지 않습니다.
나는 이것이 여러 번 답변되었다는 것을 알고 있지만 다음은 일부 시나리오에서 유용할 수 있는 적절한 후보입니다.
'.42'는 숫자가 아니며 '4'는 숫자가 아니라고 가정합니다. 숫자가 아니므로 이 점을 고려해야 합니다.
function isDecimal(x) { return '' + x === '' + +x; } function isInteger(x) { return '' + x === '' + parseInt(x); } isDecimal 은 다음 테스트를 통과했습니다.
function testIsNumber(f) { return f('-1') && f('-1.5') && f('0') && f('0.42') && !f('.42') && !f('99,999') && !f('0x89f') && !f('#abcdef') && !f('1.2.3') && !f('') && !f('blah'); }여기서 아이디어는 모든 숫자 또는 정수가 하나의 "정규" 문자열 표현을 가지며 모든 비정규 표현은 거부되어야 한다는 것입니다. 그래서 우리는 숫자로 형변환하고 그 결과가 원래 문자열인지 확인합니다.
이러한 기능이 유용한지 여부는 사용 사례에 따라 다릅니다. 한 가지 기능은 고유한 문자열이 고유한 숫자를 나타내는 것입니다 (둘 다 isNumber() 테스트를 통과하는 경우).
이것은 개체 속성 이름과 같은 숫자와 관련이 있습니다.
var obj = {}; obj['4'] = 'canonical 4'; obj['04'] = 'alias of 4'; obj[4]; // prints 'canonical 4' to the console.knockoutJs Inbuild 라이브러리 유효성 검사 기능
필드를 확장하여 유효성을 검사합니다.
1) 번호
self.number = ko.observable(numberValue) .extend({ 숫자: true}) ;
테스트 케이스
numberValue = '0.0' --> true numberValue = '0' --> true numberValue = '25' --> true numberValue = '-1' --> true numberValue = '-3.5' --> true numberValue = '11.112' --> true numberValue = '0x89f' --> false numberValue = '' --> false numberValue = 'sfsd' --> false numberValue = 'dg##$' --> false2) 숫자
self.number = ko.observable(numberValue) .extend({ 숫자: true}) ;
테스트 케이스
numberValue = '0' --> true numberValue = '25' --> true numberValue = '0.0' --> false numberValue = '-1' --> false numberValue = '-3.5' --> false numberValue = '11.112' --> false numberValue = '0x89f' --> false numberValue = '' --> false numberValue = 'sfsd' --> false numberValue = 'dg##$' --> false3) 최소 및 최대
self.number = ko.observable(numberValue) .extend({최소: 5}).extend({최대: 10}) ;
이 필드는 5에서 10 사이의 값만 허용합니다.
테스트 케이스
numberValue = '5' --> true numberValue = '6' --> true numberValue = '6.5' --> true numberValue = '9' --> true numberValue = '11' --> false numberValue = '0' --> false numberValue = '' --> false특별한 소수 자릿수 집합의 유효성을 검사해야 하는 경우 다음과 같은 간단한 자바스크립트를 사용할 수 있습니다.
http://codesheet.org/codesheet/x1kI7hAD
<input type="text" name="date" value="" pattern="[0-9]){1,2}(\.){1}([0-9]){2}" maxlength="6" placeholder="od npr.: 16.06" onchange="date(this);" />자바스크립트:
function date(inputField) { var isValid = /^([0-9]){1,2}(\.){1}([0-9]){2}$/.test(inputField.value); if (isValid) { inputField.style.backgroundColor = '#bfa'; } else { inputField.style.backgroundColor = '#fba'; } return isValid; }isNumeric=(el)=>{return Boolean(parseFloat(el)) && isFinite(el)}
크게 다르지는 않지만 Boolean 생성자를 사용할 수 있습니다.
출처 : http:www.stackoverflow.com/questions/18082/validate-decimal-numbers-in-javascript-isnumeric
| 훌륭한 R 재현 가능한 예제를 만드는 방법 (0) | 2021.11.23 |
|---|---|
| Matplotlib으로 그린 그림의 크기를 어떻게 변경합니까? (0) | 2021.11.23 |
| CSS로 텍스트를 세로로 가운데에 맞추려면 어떻게 합니까? [복제하다] (0) | 2021.11.23 |
| 목록의 마지막 요소를 얻는 방법은 무엇입니까? (0) | 2021.11.23 |
| npm 설치를 위한 --save 옵션은 무엇입니까? (0) | 2021.11.23 |