Bất kỳ số nào, đó là số. Chuỗi trông giống như một số, đó là số. Mọi thứ khác, nó đi NaN.

'a' => NaN
'1' => 1
1 => 1

Có 4 cách để làm điều đó theo như tôi biết.

Number(x);
parseInt(x, 10);
parseFloat(x);
+x;

Bằng cách kiểm tra nhanh này mà tôi đã thực hiện, nó thực sự phụ thuộc vào các trình duyệt.

http://jsperf.com/best-of-string-to-number-conversion/2

Implicit được đánh dấu là nhanh nhất trên 3 trình duyệt, nhưng nó làm cho mã khó đọc… Vì vậy, hãy chọn bất cứ thứ gì bạn cảm thấy thích!

Có ít nhất 5 cách để làm điều này:

Nếu bạn chỉ muốn chuyển đổi thành số nguyên, một cách nhanh chóng (và ngắn gọn) khác là không bit theo chiều kép (tức là sử dụng hai ký tự dấu ngã):

ví dụ

~~x;

Tham khảo: http://james.padolsey.com/cool-stuff/double-bitwise-not/

5 cách phổ biến mà tôi biết cho đến nay để chuyển đổi một chuỗi thành một số đều có sự khác biệt (có nhiều toán tử bitwise hoạt động hơn, nhưng tất cả đều cho kết quả giống nhau ~~). JSFiddle này hiển thị các kết quả khác nhau mà bạn có thể mong đợi trong bảng điều khiển gỡ lỗi: http://jsfiddle.net/TrueBlueAussie/j7x0q0e3/22/

var values = ["123",
          undefined,
          "not a number",
          "123.45",
          "1234 error",
          "2147483648",
          "4999999999"
          ];

for (var i = 0; i < values.length; i++){
    var x = values[i];

    console.log(x);
    console.log(" Number(x) = " + Number(x));
    console.log(" parseInt(x, 10) = " + parseInt(x, 10));
    console.log(" parseFloat(x) = " + parseFloat(x));
    console.log(" +x = " + +x);
    console.log(" ~~x = " + ~~x);
}

Bảng điều khiển gỡ lỗi:

123
  Number(x) = 123
  parseInt(x, 10) = 123
  parseFloat(x) = 123
  +x = 123
  ~~x = 123
undefined
  Number(x) = NaN
  parseInt(x, 10) = NaN
  parseFloat(x) = NaN
  +x = NaN
  ~~x = 0
null
  Number(x) = 0
  parseInt(x, 10) = NaN
  parseFloat(x) = NaN
  +x = 0
  ~~x = 0
"not a number"
  Number(x) = NaN
  parseInt(x, 10) = NaN
  parseFloat(x) = NaN
  +x = NaN
  ~~x = 0
123.45
  Number(x) = 123.45
  parseInt(x, 10) = 123
  parseFloat(x) = 123.45
  +x = 123.45
  ~~x = 123
1234 error
  Number(x) = NaN
  parseInt(x, 10) = 1234
  parseFloat(x) = 1234
  +x = NaN
  ~~x = 0
2147483648
  Number(x) = 2147483648
  parseInt(x, 10) = 2147483648
  parseFloat(x) = 2147483648
  +x = 2147483648
  ~~x = -2147483648
4999999999
  Number(x) = 4999999999
  parseInt(x, 10) = 4999999999
  parseFloat(x) = 4999999999
  +x = 4999999999
  ~~x = 705032703

Các ~~xkết quả phiên bản trong một số trong "nhiều hơn" trường hợp, nơi những người khác thường dẫn đến undefined, nhưng nó không cho vào không hợp lệ (ví dụ như nó sẽ trở lại 0nếu chuỗi chứa ký tự không phải số sau khi một số hợp lệ).

Tràn ra

Xin lưu ý: Tràn số nguyên và / hoặc cắt bớt bit có thể xảy ra với ~~, nhưng không xảy ra với các chuyển đổi khác. Mặc dù việc nhập các giá trị lớn như vậy là không bình thường, nhưng bạn cần lưu ý điều này. Đã cập nhật ví dụ để bao gồm các giá trị lớn hơn nhiều.

Một số thử nghiệm Perf chỉ ra rằng tiêu chuẩn parseIntvà parseFloatchức năng thực sự là những lựa chọn nhanh nhất, có lẽ được trình duyệt tối ưu hóa cao, nhưng tất cả phụ thuộc vào yêu cầu của bạn vì tất cả các tùy chọn đều đủ nhanh : http://jsperf.com/best-of-string-to -number-chuyển đổi / 37

Tất cả điều này phụ thuộc vào cách cấu hình các bài kiểm tra hiệu suất vì một số hiển thị parseInt / parseFloat chậm hơn nhiều.

Lý thuyết của tôi là:

• Dối trá
• Darn dòng
• Số liệu thống kê
• Kết quả JSPerf :)

Đặt tiền tố chuỗi bằng +toán tử.

console.log(+'a') // NaN
console.log(+'1') // 1
console.log(+1) // 1

Một cách nhanh chóng để chuyển đổi chuỗi thành số nguyên là sử dụng bitwise hoặc, như sau:

x | 0

Mặc dù nó phụ thuộc vào cách nó được thực hiện, nhưng về lý thuyết, nó phải tương đối nhanh (ít nhất là nhanh nhất +x) vì trước tiên nó sẽ truyền xđến một số và sau đó thực hiện một hoặc rất hiệu quả.

Đây là cách đơn giản để làm điều đó: var num = Number (str); trong ví dụ này, str là biến chứa chuỗi. Bạn có thể thử nghiệm và xem nó hoạt động như thế nào khi mở: Công cụ dành cho nhà phát triển Google chrome , sau đó đi tới bảng điều khiển và dán mã sau. đọc các bình luận để hiểu rõ hơn về cách chuyển đổi được thực hiện.

// Here Im creating my variable as a string
var str = "258";


// here im printing the string variable: str
console.log ( str );


// here Im using typeof , this tells me that the variable str is the type: string
console.log ("The variable str is type: " + typeof str);


// here is where the conversion happens
// Number will take the string in the parentesis and transform it to a variable num as type: number
var num = Number(str);
console.log ("The variable num is type: " + typeof num);

Tôi thấy rằng điều đó num * 1đơn giản, rõ ràng và phù hợp với các số nguyên và phao ...

Điều này có lẽ không nhanh, nhưng có lợi ích bổ sung là đảm bảo số của bạn ít nhất là một giá trị nhất định (ví dụ: 0), hoặc nhiều nhất là một giá trị nhất định:

Math.max(input, 0);

Nếu bạn cần đảm bảo một giá trị tối thiểu, thông thường bạn sẽ

var number = Number(input);
if (number < 0) number = 0;

Math.max(..., 0) giúp bạn không phải viết hai câu lệnh.

Bạn có thể thử sử dụng UnitOf , một thư viện đo lường và chuyển đổi kiểu dữ liệu mà chúng tôi vừa chính thức phát hành! UnitOf siêu nhanh, kích thước nhỏ và hiệu quả trong việc chuyển đổi bất kỳ kiểu dữ liệu nào mà không bao giờ gặp lỗi hoặc null / undefined. Giá trị mặc định bạn xác định hoặc giá trị mặc định của UnitOf được trả về khi chuyển đổi không thành công.

//One liner examples
UnitOf.DataType("12.5").toFloat(); //12.5 of type Float is returned. 0 would be returned if conversion failed.
UnitOf.DataType("Not A Num").toInt(10); //10 of type Int is returned as the conversion failed.

//Or as a variable
var unit = UnitOf.DataType("12.5");
unit.toInt(5); //12.5 of type Float is returned. 5 would be returned if the conversion failed.
unit.toFloat(8); // 12 of type Int is returned. 8 would be returned if the conversion failed.

Cách nhanh nhất là sử dụng -0:

const num = "12.34" - 0;