html 類型轉換,JavaScript怎么進行類型轉換?

JavaScript怎么進行類型轉換?下面本篇文章就來介紹一下使用javascript進行類型轉換的方法,希望對大家有所幫助。

6644e0dbd5ba3fa28a4f54ee3ced115f.png

JavaScript 變量可以轉換為新變量或其他數據類型,分為兩種情況:

● 隱性轉換:通過 JavaScript 自身自動轉換

● 顯性轉換:通過使用 JavaScript 函數進行轉換

隱式轉換

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

例:輸入: “2”+“3”

輸出: “23”

在這種情況下,這里的“+”運算符代表字符串連接。

但是,輸入“3” - “1”就會通過使用“隱式轉換”就會給出輸出結果:2。

下面我們來看看隱式轉換的簡單代碼示例:

代碼1:此代碼顯示JavaScript中的隱式類型轉換。

document.write('("3" - "1") = ' + ("3" - "1") + "
");

document.write('("3" - 1) = ' + ("3" - 1) + "
");

document.write('("3" * "2") = ' + ("3" * "2") + "
");

document.write('("3" % "2") = ' + ("3" % "2") + "
");

document.write('("3" + null) = ' + ("3" + null) + "
");

運行后,輸出:

0006c7668a82e032d0b817dbfc9c2921.png

JavaScript是松散類型的語言,大多數情況下,運算符和函數會自動將值轉換為正確的類型(隱式轉換);但也有一些情況需要顯式的進行類型轉換。

顯式轉換

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

1、將值轉換為字符串

2、將值轉換為數字

3、將值轉換為布爾類型

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

1、將值轉換為字符串:

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

String()函數

語法:String(value);

例:

先使用 typeof value查看值的類型。

在使用String)函數進行轉換,在查看值的類型let value = true;

alert(typeof value); // 顯示值為:boolean類型

value = String(value); // 現在,值“true”是一個字符串類型

alert(typeof value); // 顯示值為:string類型

運行:

1542439256976962.gif

toString()函數

語法:variableName.toString(base)

例:輸入:

var v = 1555;

var s = v.toString();

輸出:

現在s包含的值是字符串類型:“1555”。

代碼2:

下面的代碼將數字轉換為字符串,布爾值轉換為字符串,日期轉換為字符串。

// 分別定義編號:v和日期:d

var v = 123;

var d = new Date('1995-12-17T03:24:00');

// 數轉換為字符串

document.write(" String(v) = " + String(v) + "
");

// 數轉換為字符串

document.write(" String(v + 11) = " + String(v + 11) + "
");

document.write(" String( 10 + 10) = " + String(10 + 10) + "
");

// 布爾值轉換為字符串

document.write(" String(false) = " + String(false) + "
");

// 日期轉換為字符串

document.write(" String(d) = " + String(d) + "
");

輸出:

af4c4dceb2b58e4c96ddc5d46677018a.png

2、將值轉換為數字:

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

語法:Number(valueToConvert)

示例:

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

// 分別定義編號:v和日期:d

var v = "144";

var d = new Date('1995-12-17T03:24:00');

// 字符串轉換為數字

document.write(" Number(v) = " + Number(v) + "
");

//布爾值轉換為數

document.write(" Number(false) = " + Number(false) + "
");

document.write(" Number(true) = " + Number(true) + "
");

// 日期轉換為數字

document.write(" Number(d) = " + Number(d) + "
");

運行輸出:

20e61c8773bda80d379cf8034b5338a0.png

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

// 指定空字符串

var v = "";

// 分配空白空間

var d = " ";

// 分配非數字串

var s = "GeeksforGeeks";

// 輸出 數的轉換值

document.write(" Number(v) = " + Number(v) + "
");

document.write(" Number(d) = " + Number(d) + "
");

document.write(" Number(s) = " + Number(s) + "
");

運行,輸出:

90d7c585b96912991818b6ee5657265a.png

3、將值轉換為布爾類型

布爾轉換是最簡單的。

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

轉換規則:

1、直觀“空”的值,例如0,空字符串null,undefined并且NaN變為false。

2、其他的值變為true。

語法:Boolean(value)

示例:// 數字轉換為布爾值

document.write("Boolean(0) = " + Boolean(0) + "
");

document.write("Boolean(1) = " +Boolean(1) + "
");

document.write("Boolean(2) = " + Boolean(2) + "
");

// 字符串轉換為布爾值

document.write(" Boolean('hello') = " + Boolean('hello') + "
");

document.write(" Boolean('') = " + Boolean('') + "
");

輸出:

334c98a35728ebd14ae2265ee410bdcb.png

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/443148.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/443148.shtml
英文地址,請注明出處:http://en.pswp.cn/news/443148.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

html 地圖點擊標注有提示框不完整,百度地圖的實現標注以及標注提示框.docx

$(function () {//最后加載的js代碼findDimensions();map new BMap.Map("container"); // 創建地圖實例// var point new BMap.Point(116.404, 39.915); // 創建點坐標map.centerAndZoom("北京");map.enableScrollWheelZoom(); // 開啟鼠標滾輪縮放map.e…

html中購物車總金怎么算額,計算購物車金額總和( jquery )

今天簡單寫了一個jq版購物車計算金額總和的例子,如圖:整體頁面代碼如下:*{list-style: none;}html,body{margin: 0;padding: 0;}.all-list{padding: 40px;margin: 0 auto;}.choose-list{overflow: hidden;}.choose-list >h5{display: bloc…

ios html5上架,iOS原生集成H5+詳細流程

iOS原生集成H5集成方式獨立應用方式集成Widget方式集成WebView方式集成可以打開官方鏈接: 選擇 5SDK -> 5SDK集成 -> 平臺 下查看集成方式獨立應用方式: 官方Demo中的實現, 獨立的App, 感覺上和直接在HBuilder創建App相同, 可以方便證書導入這些步驟吧Widget方式: 模塊部…

html自定義標記,HTML模板(自定義)標記

我知道使用自定義html標記由于各種原因是不合適的,但我想運行一個特定的情況,可能需要自定義html標記,并希望得到其他方面的信息,或者可能更好實現我的目標的方式。HTML模板(自定義)標記在我的代碼中,我有我稱之為模板…

微型計算機中celeron,微型計算機中常提及的Pentium或Celeron是指其_______

摘要:旋律的起伏,微型心靈感受體和密節奏用機的疏,心兩訓練入手同時從身方面。細分還可統模、常提討模式啟發為傳論模式、式,學生智力模式教學要目一種為主的的發展是以。微型重要組成教育部分)的實習是(。...旋律的起伏&#xff…

計算機選購知識點,筆記本選購知識點,找準自己的需求才是王道

筆記本選購知識點,找準自己的需求才是王道2019-11-07 10:23:030點贊0收藏0評論筆記本電腦是選擇應用比較廣的電腦類型,不管是什么人群都能夠使用它,它可以學習、辦公,還可以娛樂,外形小巧易攜帶,比臺式機的…

使用計算機管理文件教后反思,《管理計算機中的文件》教學反思

《管理計算機中的文件》教學反思一眨眼,新學期已經過半了。現在,寫一寫我的《管理計算機中的文件》教學反思。這是第八周方老師來我校調研的一節課。作為學校信息技術學科的新老師,方老師說要聽聽我的課,感覺我蠻淡定的。說實話&a…

jeecms導入myeclipse時web-inf下html出錯,我部署到myeclipse 出現問題

2010-3-12 13:50:53 org.apache.catalina.storeconfig.StoreLoader load信息: Find registry server-registry.xml at classpath resource2010-3-12 13:50:53 org.apache.catalina.startup.Catalina start信息: Server startup in 23485 ms2010-3-12 13:51:07 org.apache.catal…

html table vtop,PART2HTML語言.doc

PART2HTML語言PART2 HTML語言介紹學習導航:1. HTML語言的基礎知識2. HTML的常用標記3. 網頁基本元素之文本4. 網頁基本元素之多媒體5. 網頁基本元素之超鏈接6. 表格7. 框架1. 網頁設計的內功——HTML(超文本標記語言)1.1 理解什么是HTML語言HTML語言的定義&#xff…

銅仁計算機專業學校,聽說計算機專業的在本部啊 這是真的么

該樓層疑似違規已被系統折疊 隱藏此樓查看此樓我的目標也是成為18級大神。假如你每天簽到拿4經驗,18級300000/475000天, 如果從1歲開始簽到,那100年36500天,你差不多要 活200年保持每天簽到(誰知道200年后還有沒有簽到 這玩意)&am…

金陵科技學院計算機系男女比,眼已亮瞎:719所全國高校男女比例排名

學校名稱女生比例1 中華女子學院98%2 成都師范學院83%3 四川外國語大學81%4 江蘇第二師范學院80%5 西安外國語大學79%6 重慶第二師范學院79%7 牡丹江師范學院78%8 上海外國語大學78%9 大連外國語大學78%10 沈陽醫學院77%11 北京第二外國語學院77%12 哈爾濱金融學院77%13 北京語…

計算機軟件基礎 一課本,計算機軟件基礎(-)課后習題答案.doc

文檔介紹:計算機軟件基礎(-)課后****題答案.doc第一章一、簡答題1.參考書上第五頁圖1-72.因為C語言是強類型語言,語法規定必須先定義后使用,只有先定義,系統才能為其分配存儲空間。3.參考書上第二頁二、填空題1. 算法2..C,.obj,.exe3. 提出問題,構造模型,選擇方法,編…

計算機課禁用監視器,如何設置關閉監視器硬盤系統待機項為從來不

1、待機”電源管理模式待機模式主要用于節電,該功能使你可不需重新啟動計算機就可返回工作狀態。待機模式可關閉監視器和硬盤、風扇之類設備,使整個系統處于低能耗狀態。在你重新使用計算機時,它會迅速退出待機模式,而且桌面(包括…

計算機電纜試驗電壓標準,GB/T3048.8-2007 電線電纜電性能試驗方法 第8部分:交流電壓試驗.pdf-原創力文檔...

GB/T3048的本部分規定了有關電纜及其附件沖擊電壓試驗的術語和定義、試驗設備、試樣制備、試驗程序、試驗結果及評定、注意事項和試驗記錄。犐犆犛29.060犓 13中華人 民共和 國國家 …

更改計算機硬盤名字,如何修改盤符 – 磁盤及光驅名稱錯亂,教你怎么更改回來...

一般情況下,打開“我的電腦”后,我們會看到排在前面是硬盤,緊接著的是光驅,然后是插上去的可移動磁盤或U盤。但有時我們可能會神奇地發現硬盤盤符及光盤驅動器名稱及排列錯亂了。比如正常情況下C,D,E&#…

計算機用于數據管理經歷了,管理系統中計算機應用--期中測驗答案

管理系統中計算機應用--期中測驗答案 (3頁)本資源提供全文預覽,點擊全文預覽即可全文預覽,如果喜歡文檔就下載吧,查找使用更方便哦!17.90 積分期中測驗答案期中測驗答案 一、一、單項選擇單項選擇:: 1-5 ACDCC 6-10 CA…

衡水計算機考試報名入口,2018下半年NCRE全國計算機等級考試報名通知

冀教考社〔2018〕4號河北省教育考試院關于做好2018年下半年全國計算機等級考試報名工作的通知各市(含定州、辛集市)教育考試院(招生考試辦公室),華北石油管理局招生考試辦公室:2018年下半年全國計算機等級考試(以下簡稱NCRE)將于9月份舉行。按照教育部考…

基準軟件測試原理,基準測試

基準測試是指通過設計科學的測試方法、測試工具和測試系統,實現對一類測試對象的某項性能指標進行定量的和可對比的測試。中文名基準測試外文名Benchmark Test別 名BMT特 點設計科學的測試方法基準測試測試介紹編輯語音基準測試是[1]指通過設計科學的測試方法…

戴爾服務器顯示e1810,戴爾服務器提示:?PowerEdge2950?E1810?HDD?1?Fault該如何解決?求幫助!!!...

滿意答案zxb65000212013.06.16采納率:41% 等級:12已幫助:6550人如果具有非 RAID SAS 控制器,請卸下硬盤驅動器,然后將另一個可正常工作的硬盤驅動器更換至驅動器托架的位置。 如果問題得以解決,請將硬盤…

華為服務器怎么查看系統日志,華為日志服務器

比如uninstall.log或是error.log,安全日志、系統日志、Scheler服務日志、FTP日志、WWW日志、DNS服務器日志等等,可以在客戶端—回首頁—我的—問題與答建議—提交日志里面反饋一下,通常是文本文件,它自動的就可以。PIX的配置loggi…