溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

JavaScript類(lèi)型轉(zhuǎn)換的應(yīng)用

發(fā)布時(shí)間：2021-07-07 14:08:03 來(lái)源：億速云 閱讀：122 作者：chen 欄目：編程語(yǔ)言

這篇文章主要介紹“JavaScript類(lèi)型轉(zhuǎn)換的應(yīng)用”，在日常操作中，相信很多人在JavaScript類(lèi)型轉(zhuǎn)換的應(yīng)用問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”JavaScript類(lèi)型轉(zhuǎn)換的應(yīng)用”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

類(lèi)型轉(zhuǎn)換是一種將一種數(shù)據(jù)類(lèi)型轉(zhuǎn)換為另一種數(shù)據(jù)類(lèi)型的方法。

一、運(yùn)算符的類(lèi)型

typeof運(yùn)算符可以幫助你找到你的變量的類(lèi)型。typeof運(yùn)算符返回一個(gè)變量或表達(dá)式的類(lèi)型。

例：

<!DOCTYPE html> <html> <title>項(xiàng)目</title>  <body style="background-color: aqua;">  <h2> JavaScript typeof運(yùn)算符</h2>  <p> typeof運(yùn)算符返回變量或表達(dá)式的類(lèi)型：</p>  <script> document.write( typeof "" + "<br>" + typeof "Json" + "<br>" + typeof "42" + "<br>" + typeof 42 + "<br>" + typeof true + "<br>" + typeof false + "<br>" + typeof undefined + "<br>" + typeof null + "<br>" + typeof { name: "Json", age: 22 } + "<br>" + typeof [2, 4, 6, 8] + "<br>" + typeof function myFunc() {} ); </script>  <p> <b>注意：</b> <b> typeof </b>     運(yùn)算符為數(shù)組返回"object"，因?yàn)樵贘avaScript數(shù)組中是對(duì)象。</p>  </body> </html>

JavaScript類(lèi)型轉(zhuǎn)換的應(yīng)用

可以使用typeof運(yùn)算符查找JavaScript變量的數(shù)據(jù)類(lèi)型。

二、類(lèi)型轉(zhuǎn)換

1. 將值轉(zhuǎn)換為字符串

通過(guò)調(diào)用String()函數(shù) 或  x.toString()方法將值顯式轉(zhuǎn)換為字符串。通過(guò)該String()函數(shù)，將值true傳遞給參數(shù)，從而將布爾值轉(zhuǎn)換為字符串。

String(true);// 返回 "true"

數(shù)字傳遞給函數(shù)。

String(108);// 返回 "108"

使用typeof運(yùn)算符檢查類(lèi)型。

typeof String(true); // 返回 "string" typeof String(108);  // 返回 "string"

x.toString()以類(lèi)似的方式使用方法?？梢詫替換為變量。

<script> let temp = 108; document.querySelector("#output").innerHTML = temp.toString(); </script>

或者，可以將值放在括號(hào)內(nèi)，而不是使用x.toString()進(jìn)行變量設(shè)置。

(9048).toString();// 返回 "9048" (false).toString();   // 返回 "false" (50 + 20).toString(); // 返回 "70"

JavaScript類(lèi)型轉(zhuǎn)換的應(yīng)用

通過(guò)使用String()或，x.toString()可以將Boolean或number數(shù)據(jù)類(lèi)型的值顯式轉(zhuǎn)換為字符串值，以確保的代碼按預(yù)期運(yùn)行。

2. 將值轉(zhuǎn)換為布爾值

將數(shù)字或字符串轉(zhuǎn)換為布爾值，使用該Boolean()函數(shù)。任何被解釋為空的值(例如數(shù)字0，空字符串或未定義或NaN或null的值)都將轉(zhuǎn)換為false。

<script> document.write(  Boolean(0) + "<br>" +  Boolean("") + "<br>" +  Boolean(undefined) + "<br>" +  Boolean(NaN) + "<br>" +  Boolean(null) ); </script>

JavaScript類(lèi)型轉(zhuǎn)換的應(yīng)用

其他值將轉(zhuǎn)換為true，包括由空格組成的字符串文字。

<script> document.write(  Boolean(50) + "<br>" +  Boolean(-50) + "<br>" +  Boolean(3.14) + "<br>" +  Boolean("false") + "<br>" +  Boolean("Hello World") ); </script>

JavaScript類(lèi)型轉(zhuǎn)換的應(yīng)用

注意：

“ 0”作為字符串文字將轉(zhuǎn)換為true，因?yàn)樗且粋€(gè)非空的字符串值。

Boolean("0");   // 返回 true

JavaScript類(lèi)型轉(zhuǎn)換的應(yīng)用

將數(shù)字和字符串轉(zhuǎn)換為布爾值可以使能夠評(píng)估二進(jìn)制內(nèi)的數(shù)據(jù)，并且可以利用它來(lái)指定程序中的指定流。

3. 將數(shù)組轉(zhuǎn)換為字符串

該toString()方法將數(shù)組轉(zhuǎn)換為(逗號(hào)分隔)數(shù)組值的字符串。

var months = ["Jan", "Feb", "Mar", "Apr", "May"]; document.getElementById("result").innerHTML = months.toString();

JavaScript類(lèi)型轉(zhuǎn)換的應(yīng)用

該join()方法還將數(shù)組的所有元素轉(zhuǎn)換為新的字符串。

此方法的行為類(lèi)似于toString()，還可以指定分隔符。

<script> var fruits = ["Banana", "Apple", "Mango"]; var result = document.getElementById("result");  result.innerHTML = fruits.join("") + "<br>"; result.innerHTML += fruits.join(" ") + "<br>"; result.innerHTML += fruits.join(" + ") + "<br>"; result.innerHTML += fruits.join(" / ") + "<br>"; result.innerHTML += fruits.join(" &copy; "); </script>

JavaScript類(lèi)型轉(zhuǎn)換的應(yīng)用

4. 將字符串轉(zhuǎn)換為數(shù)組

該split()方法將字符串拆分為子字符串?dāng)?shù)組，然后返回新數(shù)組，使用該split()方法通過(guò)以表示的空格字符分隔數(shù)組 " "。

var str = 'Helow World is an Amfhyeaadehe.'; var arr = str.split(" ");

JavaScript類(lèi)型轉(zhuǎn)換的應(yīng)用

arr變量中有了一個(gè)新數(shù)組，可以使用索引號(hào)訪(fǎng)問(wèn)每個(gè)元素。

arr[0];   // Air arr[2];   // is

使用“ i”作為分隔符。

<script> function myFunc() {    var str = 'Air Pollution is introduction of chemicals to the atmosphere.';    var arr = str.split("i");    document.getElementById('x').innerHTML = arr; } </scrip

JavaScript類(lèi)型轉(zhuǎn)換的應(yīng)用

如果將空字符串（""）用作分隔符，則該字符串將轉(zhuǎn)換為字符數(shù)組。

<script> function myFunc() {    var str = 'Air Pollution is introduction of chemicals to the atmosphere.';    var arr = str.split("");    document.getElementById('x').innerHTML = arr; } </script>

JavaScript類(lèi)型轉(zhuǎn)換的應(yīng)用

三、總結(jié)

本文基于JavaScript 基礎(chǔ)。介紹了JavaScript  類(lèi)型轉(zhuǎn)換，對(duì)于每一種類(lèi)型轉(zhuǎn)換，對(duì)于每一種轉(zhuǎn)換需要注意的點(diǎn)，在實(shí)際項(xiàng)目遇到的難點(diǎn)，提供了有效的解決方案。

到此，關(guān)于“JavaScript類(lèi)型轉(zhuǎn)換的應(yīng)用”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注億速云網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手