JavaScript >> Javascript 文檔 >  >> Tags >> string

JavaScript 將數字轉換為字符串

簡介

管理數據是編程的基本概念之一。正因為如此,JavaScript 提供了大量工具來解析各種數據類型,讓您可以輕鬆地交換數據格式。特別是,我將在本文中介紹如何將數字轉換為字符串。在另一篇文章中,我還將介紹如何在 JavaScript 中將字符串轉換為數字。

比較 JavaScript 中的數據類型

JavaScript 是一種通用語言,它可以讓程序員控制數據輸入的嚴格程度。

比較兩個數據結構/元素之間的相等性有兩種主要方法,兩個等號(== ) 或三個等號 (=== )。

當使用兩個等號時,變量僅通過其內容進行比較。對於此示例,三元運算符 將被使用,這是一個 if 語句快捷方式。

let a = 10;
let b = '10';

a == b ? console.log('Equal!') : console.log('Different!');

// Output:
//
// Equal!

另一方面,當使用三個等號時,變量通過內容進行比較 按數據類型:

let a = 50;
let b = '50';

a === b ? console.log('Equal!') : console.log('Different!');

// Output:
//
// Different!

數字轉字符串

JavaScript中有一些內置方法提供從數字數據類型到字符串的轉換,只是性能和可讀性不同。

它們是:

  • .toString()
  • String()
  • 模板字符串
  • 連接一個空字符串

.toString()

.toString() 屬於 Number.prototype 的方法 對象,接受一個整數或浮點數並將其轉換為字符串類型。

有多種方法可以調用此方法。如果一個數字(base ) 作為參數傳遞給 .toString() 方法,該數字將被解析並轉換為該基數:

let a = 20

a.toString();    // '20'
50 .toString();  // '50'
(60).toString(); // '60'
(7).toString(2); // '111' (7 in base 2, or binary)

字符串()

String() 方法為傳遞給它的數字創建一個原始字符串類型:

let a = 30;

String(a);     // '30'
String(24);    // '24'
String(35.64); // '35.64'

這裡的主要區別在於 String 對像不進行任何基本轉換,如 Number.toString() 會的。

模板字符串

隨著模板字符串的引入 在 ES6 中,在字符串中註入數字是解析 Integer 的有效方法 或 Float 數據類型:

let num = 50;
let flt = 50.205;
let string = `${num}`;      // '50'
let floatString = `${flt}`; // '50.205'

連接一個空字符串

最後但並非最不重要的一點是,有一種從數字創建字符串的好方法。可以說這是最受性能驅動的方式之一,即使在某些可讀性方面受到了損害:

免費電子書:Git Essentials

查看我們的 Git 學習實踐指南,其中包含最佳實踐、行業認可的標準以及隨附的備忘單。停止谷歌搜索 Git 命令並真正學習 它!

let a = '' + 50 // '50';

根據運行此代碼的瀏覽器,它可能是將數字轉換為字符串的最快方法。但也要記住,此方法可能並不總是返回所需的字符串。例如:

let a = '' + 281e-26 // '2.81e-24'

結論

有許多有效的數據處理方法。由程序員決定他們更喜歡哪一個,選擇性能而不是可讀性或兩者之間的平衡。

欲了解更多信息,您可以訪問以下內容:

  • 字符串()
  • Number.prototype.toString()

Tutorial JavaScript 教程
  1. JavaScript 中的 &和 &&有什麼區別?

  2. 有效的 React 查詢鍵

  3. Tailwind Nextjs 入門博客 v0.1.2

  4. 在 Nuxt js 中處理 API 驅動的內容鏈接

  5. 如何在 React 中更改文本顏色?

  6. 網絡生命力解釋

  7. jQuery DataTable:千位分隔符選項不起作用

  1. 聚焦 vuex-reset

  2. Vue.js 和 AWS Lambda:開發生產就緒型應用程序(第 1 部分)

  3. JavaScript 圖書館世界杯

  4. 在 jQuery Animate 中使用不透明度製作動畫

  5. 我的第一個虛擬演示

  6. 在沒有 JavaScript 的情況下優雅降級仍然有用嗎?

  7. 如何創建 Vue.js 應用程序

  1. React JS 中的三元運算符

  2. 什麼是功能標誌?

  3. 如何將推送通知添加到 Next.js 應用程序中

  4. 如何使用 jQuery 加載和動畫內容