JS 數字與字串之間相互轉換詳解-js教程-PHP中文網

JS 數字與字串之間相互轉換詳解

小云云

發布： 2018-05-31 09:06:17

原創

2527 人瀏覽過

本文主要為大家帶來一篇淺談JS 數字和字串之間相互轉換實例詳解。小編覺得蠻不錯的，現在就分享給大家，也給大家做個參考。一起跟著小編過來看看吧，希望能幫助大家。

字串轉數字

1 parseInt() 函數

parseInt() 函數從string的開始解析，傳回一個整數
parseInt('123') :返回123;
parseInt('1234xxx') : 返回1234;
parseInt('123.456') : 返回123;
parseInt('1 2 3') : 返回1；字串的情況，自會回傳第一個數
parseInt('bb cc 12') : 回傳NaN；字串第一個不是數，回傳nan
parseInt('123' 321) : 回傳321;
parseInt( "AF", 16); 回傳175；會自動把二進制十六進制八進制的轉換成數字

如果解析不到數字，則會傳回一個NaN的值，可以用isNaN()函數來偵測；

parseFloat()只會傳回小數

2 字元前加上「+」

var n =+"123":傳回123

# 3 字元加上「*」

var n ="123"*1:傳回123

4 字串陣列分割增加

var arr = str.split(", ") 一個字串組，用，都分割成多個
b = a.join("-");-是指定的分割符，可以隨意，將數組轉換成一個字串

#5 字串和數字相加回傳字串

console.log(12+"12"):返回"1212"
console.log(&#39;12&#39; + &#39;34&#39;)返回&#39;1234&#39; 
console.log(&#39;12&#39; + 34 ) 返回&#39;1234&#39; 
console.log(12 + &#39;34&#39;&#39;）返回1234&#39; 
console.log(12 + 34 ) 返回46

登入後複製

6 當字串和多個數字相加，用括號擴起來

("<img src=&#39;images/" + 2 + 1 + ".jpg&#39;>") 返回("<img src=&#39;images/" + 21 + ".jpg&#39;>")

登入後複製

如果想轉成3

("<img src=&#39;images/" + （2+1）+ ".jpg&#39;>") 返回("<img src=&#39;images/" + 3 + ".jpg&#39;>")

登入後複製

如果前面是數字相加，則可以先把數字加起來

var a = 10 + 20 + &#39;abc&#39; + &#39;cd&#39;; 返回a的值为:30abccd

登入後複製

7eval（）如果想進行字串的運算

eval("x=10;y=20;document.write(x*y)")    返回200
document.write(eval("2+2"))　　　　　　返回4
var x=10
document.write(eval(x+17）　　　　　　返回27

登入後複製

數字轉字串

1 tostring（）
n = 100x = n.toString() => "100"或是（100）toString()  //tostring（2/16/8）还可以实现进制的转化

登入後複製

2 數字+任意字串「」

var n = 1234;var nn = 1234+""
-------------------------------------------------

登入後複製

關於字串

判斷字串是否包含包含回傳下標不包含回傳-1

　var i = str.indexOf("x")

登入後複製

上次下標的字串的字串

　var i = str .lastIndexOf("")

登入後複製

轉換大小寫

str.toUpperCase() 转大写
　　str.tolowerCase() 转小写

登入後複製

截取字串字串.substr（"從哪開始","截取幾個" )

　str.substr(0,5)
<body>

登入後複製

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學

JS 數字與字串之間相互轉換詳解