首頁 > web前端 > js教程 > javascript如何實現值的型別轉換

javascript如何實現值的型別轉換

青灯夜游
發布: 2018-11-19 17:35:11
原創
2593 人瀏覽過

這篇文章跟大家介紹使用javascript進行值的型別轉換的方法,有一定的參考價值,有需要的朋友可以參考一下,希望對你們有幫助。

JavaScript是鬆散類型的語言,大多數情況下,運算子和函數會自動將值轉換為正確的類型(隱含轉換);但也有一些情況需要明確的進行類型轉換。 【相關影片教學推薦:JavaScript教學

隱含轉換

##JavaScript中有各種運算子和函數,它們會自動將值轉換為正確的類型,如JavaScript中的alert()函數接受任何值並將其轉換為字串。但是各種運算符會產生類似' '運算符的問題。

範例:

輸入: “2” “3”
輸出: “23”

在這種情況下,這裡的“ ”運算子代表字串連接。
但是,輸入「3」 - 「1」就會透過使用「隱式轉換」就會給出輸出結果:2。
下面我們來看看

隱含轉換的簡單程式碼範例:

程式碼1:此程式碼顯示JavaScript中的隱含型別轉換。

<script> 
	  document.write(&#39;("3" - "1") = &#39; + ("3" - "1") + "<br>"); 
	  document.write(&#39;("3" - 1) = &#39; + ("3" - 1) + "<br>"); 
	  document.write(&#39;("3" * "2") = &#39; + ("3" * "2") + "<br>"); 
	  document.write(&#39;("3" % "2") = &#39; + ("3" % "2") + "<br>"); 
	  document.write(&#39;("3" + null) = &#39; + ("3" + null) + "<br>"); 
</script>
登入後複製

運行後,輸出:

javascript如何實現值的型別轉換

#明確轉換

雖然JavaScript提供了多種方法可以將資料從一種類型轉換為另一種類型,但有兩種最常見的資料轉換方式:

1、將值轉換為字串


2、將值轉換為數字


3、將值轉換為布林類型

#下面我們就來看看javascript如何實現這兩種最常見的數據轉換方式的。

將值轉換為字串

使用String()或toString()函數將值轉換為字串。

String()函數

語法:

String(value);
登入後複製

範例:

先使用 typeof  value檢視值的型別。

在使用String)函數轉換,在查看值的類型

let value = true;
alert(typeof value); // 显示值为:boolean类型
value = String(value); // 现在,值“true”是一个字符串类型
alert(typeof value); // 显示值为:string类型
登入後複製

運行:

javascript如何實現值的型別轉換

##toString()函數

語法:

variableName.toString(base)
登入後複製

範例:

輸入:

       var v = 1555;
       var s = v.toString();
       var s = v.toString();
輸出:
     現在s包含的值是字串型別:「1555」。
代碼2:

下面的程式碼將數字轉換為字串,布林值轉換為字串,日期轉換為字串。

<script> 
    
  // 分别定义编号:v和日期:d
  var v = 123; 
  var d = new Date(&#39;1995-12-17T03:24:00&#39;); 
    
  // 数转换为字符串
  document.write(" String(v) = " + String(v) + "<br>");  
    
  // 数转换为字符串
  document.write(" String(v + 11) = " + String(v + 11) + "<br>"); 
  document.write(" String( 10 + 10) = " + String(10 + 10) + "<br>");  
    
  // 布尔值转换为字符串
  document.write(" String(false) = " + String(false) + "<br>");  
    
  // 日期转换为字符串
  document.write(" String(d) = " + String(d) + "<br>");  
    
</script>
登入後複製

輸出:


javascript如何實現值的型別轉換

#將值轉換為數字:

我們可以使用JavaScript中的Number()函數將值轉換為數字。它可以將任何數字文字和布林值轉換為數字。如果是非數字字串,它會將其轉換為NaN(非數字)。

語法:


Number(valueToConvert)
登入後複製

範例:

程式碼1:下面的程式碼將數字文本,日期和布林值轉換為數字。

<script> 
    
  // 分别定义编号:v和日期:d
  var v = "144"; 
  var d = new Date(&#39;1995-12-17T03:24:00&#39;); 
    
  // 字符串转换为数字
  document.write(" Number(v) = " + Number(v) + "<br>");  
    
  //布尔值转换为数
  document.write(" Number(false) = " + Number(false) + "<br>");  
  document.write(" Number(true) = " + Number(true) + "<br>"); 
    
  // 日期转换为数字
  document.write(" Number(d) = " + Number(d) + "<br>"); 
    
</script>
登入後複製

運行輸出:

javascript如何實現值的型別轉換

代碼2:如果字串是非數字,則將其轉換為NaN,空格字串或空字串將轉換為0。

<script> 
    
    // 指定空字符串
    var v = ""; 
      
    // 分配空白空间
    var d = " "; 
      
    // 分配非数字串
    var s = "GeeksforGeeks"; 
      
    // 输出 数的转换值
    document.write(" Number(v) = " + Number(v) + "<br>"); 
    document.write(" Number(d) = " + Number(d) + "<br>"); 
    document.write(" Number(s) = " + Number(s) + "<br>");
    
</script>
登入後複製

運行,輸出:


javascript如何實現值的型別轉換

#將值轉換為布林類型

布林轉換是最簡單的。

它發生在邏輯運算中,但也可以透過呼叫手動執行Boolean(value)。

轉換規則:

1、直覺「空」的值,例如0,空字串null,undefined並且NaN變成false。

2、其他的值變成true。

語法:


Boolean(value)
登入後複製

範例:

// 数字转换为布尔值
	  document.write("Boolean(0) = " + Boolean(0) + "<br>");  
	  document.write("Boolean(1) = " +Boolean(1) + "<br>"); 
	  document.write("Boolean(2) = " + Boolean(2) + "<br>");  

// 字符串转换为布尔值
	  document.write(" Boolean(&#39;hello&#39;)  = " + Boolean(&#39;hello&#39;) + "<br>"); 
	  document.write(" Boolean(&#39;&#39;)  = " + Boolean(&#39;&#39;) + "<br>");
登入後複製

#輸出:

javascript如何實現值的型別轉換

總結:以上就是本篇文章的全部內容,希望對大家的學習有所幫助。

以上是javascript如何實現值的型別轉換的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板