欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript中將number轉(zhuǎn)為string的5種方法

 更新時間:2023年07月28日 09:49:21   作者:姓王名禮  
這篇文章主要給大家介紹了關(guān)于JavaScript中將number轉(zhuǎn)為string的5種方法,在JavaScript的值類型轉(zhuǎn)換中,最常發(fā)生的就是string與number這兩種類型值之間的相互轉(zhuǎn)換,需要的朋友可以參考下

在寫代碼的時候,我們可能需要將數(shù)據(jù)從一種類型轉(zhuǎn)換為另一種類型,有很多方法可以實現(xiàn)這個功能。

本篇文章俺將列出一些俺所知道的從數(shù)字到字符串的數(shù)據(jù)轉(zhuǎn)換方法,跟大家一起學(xué)習(xí)總結(jié)。

使用toString方法

有一個默認(rèn)的字符串方法可以將數(shù)據(jù)轉(zhuǎn)換為字符串。

toString方法:返回一個包含該值的String對象。

myNumber = 100
myNumber.toString() // result: '100'
 
noNumber = NaN
noNumber.toString() // result: 'NaN'
 
decNum = 122.33
decNum.toString() //  result: "122.33"

使用String()

方法的作用是:為傳遞給它的數(shù)字創(chuàng)建一個基本的字符串類型。

myNumber = 99
String(myNumber) // result: '99'
 
fltNumber = 25.54
String(fltNumber) // result: '25.54'

連接空字符串

將空字符串添加到數(shù)字值將數(shù)據(jù)轉(zhuǎn)換為字符串是實現(xiàn)該功能最簡單的方法之一。

在性能方面,它也被認(rèn)為比上面兩個更快。

myNumber = 22
myString = '' + myNumber // result: '22'
 
fltNumber = 25.54
fltString = '' + fltNumber // result: '25.54'

模板字符串

隨著ES6中模板字符串的引入,在字符串中注入數(shù)字是解析整數(shù)或浮點數(shù)據(jù)類型的有效方法。這是將數(shù)字轉(zhuǎn)換為字符串的最快方法。

隨著ES6中模板字符串的引入,在字符串中注入數(shù)字是解析整數(shù)或浮點數(shù)據(jù)類型的有效方法。這是將數(shù)字轉(zhuǎn)換為字符串的最快方法。

使用toFixed方法

這個方法用的人很少,但需要注意小數(shù)點類型的數(shù)字。

myNumber = 22
myNumber.toFixed() // result: '22'
 
a = 56.9887
a.toFixed() //  result: '57'
a.toFixed(4) // result: '56.9887'

附:String轉(zhuǎn)Number

Number()方法

var str = '123'
var num = Number(str)
console.log(num)

Number方法可以將字符串為純數(shù)字的字符串變成數(shù)字類型。如果字符串里面有一些非數(shù)字的元素在里面,則會轉(zhuǎn)換失敗。即返回類型為NaN。

字符串里面也可以是負(fù)數(shù),小數(shù),均可以轉(zhuǎn)換。

parseInt()方法

var str = '123'
var num = parseInt(str)
console.log(num)

parseInt()方法也可以將數(shù)字轉(zhuǎn)成字符串,但是注意,整數(shù)數(shù)字類型的字符串,轉(zhuǎn)換之后得到的仍然是整數(shù)數(shù)字。

數(shù)字開頭的字符串,轉(zhuǎn)換之后得到的是前邊的數(shù)字。例如str變成了’123a’,仍然可以轉(zhuǎn)換為數(shù)字123。

小數(shù)類型的字符串,轉(zhuǎn)換之后取整。

非數(shù)字開頭的字符串,轉(zhuǎn)換之后得到的是NaN。

parseFloat()方法

該方法與上面parseInt方法基本一樣,整數(shù)轉(zhuǎn)變以后仍然是整數(shù),數(shù)字開頭的仍然可以把前面數(shù)字轉(zhuǎn)成字符類型,非數(shù)字開頭也是NaN。

但是,這種方法可以把小數(shù)也轉(zhuǎn)換成小數(shù),不會像上面parseInt方法只能轉(zhuǎn)成整數(shù)。

總結(jié)

到此這篇關(guān)于JavaScript中將number轉(zhuǎn)為string的5種方法的文章就介紹到這了,更多相關(guān)JS將number轉(zhuǎn)string內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • 正則表達式替換html元素屬性的方法

    正則表達式替換html元素屬性的方法

    下面小編就為大家?guī)硪黄齽t表達式替換html元素屬性的方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-11-11
  • js實現(xiàn)目錄鏈接,內(nèi)容跟著目錄滾動顯示的簡單實例

    js實現(xiàn)目錄鏈接,內(nèi)容跟著目錄滾動顯示的簡單實例

    下面小編就為大家?guī)硪黄猨s實現(xiàn)目錄鏈接,內(nèi)容跟著目錄滾動顯示的簡單實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-10-10
  • javascript下數(shù)值型比較難點說明

    javascript下數(shù)值型比較難點說明

    下面兩個小問題是樓豬在實際項目開發(fā)中遇到的,貼上來和大家討論下。
    2010-06-06
  • 無廢話JavaScript教程(全集)

    無廢話JavaScript教程(全集)

    許多讀者認(rèn)為我那本《JavaScript語言精髓與編程實踐》讀來辛苦,所以我一直想寫個簡單的讀本。索性,這次就寫個最簡單的吧。
    2008-10-10
  • js回調(diào)函數(shù)原理與用法案例分析

    js回調(diào)函數(shù)原理與用法案例分析

    這篇文章主要介紹了js回調(diào)函數(shù)原理與用法,結(jié)合具體案例形式分析了js回調(diào)函數(shù)基本概念、原理、使用方法及操作注意事項,需要的朋友可以參考下
    2020-03-03
  • JavaScript 拾漏補遺

    JavaScript 拾漏補遺

    javascritp實際上由三部分組成: ECMAScript,DOM, BOM 前兩者由工業(yè)標(biāo)準(zhǔn),BOM尚比較混亂。
    2009-12-12
  • 外部web端訪問微信小程序云數(shù)據(jù)庫的三種方法總結(jié)

    外部web端訪問微信小程序云數(shù)據(jù)庫的三種方法總結(jié)

    最近在研究微信小程序的云開發(fā)功能,下面這篇文章主要給大家介紹了關(guān)于外部web端訪問微信小程序云數(shù)據(jù)庫的三種方法,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-04-04
  • 原生JS實現(xiàn)簡單的倒計時功能示例

    原生JS實現(xiàn)簡單的倒計時功能示例

    這篇文章主要介紹了原生JS實現(xiàn)簡單的倒計時功能,涉及javascript基于定時器的日期時間運算與頁面元素屬性動態(tài)修改相關(guān)操作技巧,需要的朋友可以參考下
    2018-08-08
  • JavaScript定義類和對象的方法

    JavaScript定義類和對象的方法

    這篇文章主要介紹了JavaScript定義類和對象的方法,分別以函數(shù)方式與Object類方式實現(xiàn),是javascript非常重要的技巧,需要的朋友可以參考下
    2014-11-11
  • 詳解Javascript百度地圖接口開發(fā)文檔中的類和方法

    詳解Javascript百度地圖接口開發(fā)文檔中的類和方法

    最近在工作中在用laravel框架仿寫?zhàn)I了么外賣商城,于是學(xué)習(xí)了一下有關(guān)地圖接口相關(guān)的知識,以下是百步地圖接口開發(fā)文檔的一些類和方法的使用,需要的朋友們可以參考借鑒,下面來一起看看吧。
    2017-02-02

最新評論