# 數據類型轉換
JavaScript是一種無類型的語言,這種“無類型”并不是指JavaScript沒有數據類型,而是指JavaScript是一種松散型。因此,在JavaScript中定義一個變量時,不需要制定變量的數據類型,這就使JavaScript可以很方便、靈活地進行隱式類型轉換。所謂隱式類型轉換就是不需要進行定義,JavaScript會自動將某一個類型的數據轉換成另一個類型的數據。JavaScript中除了可以隱式轉換數據類型外,還可以顯式轉換數據類型。常用的類型轉換方法有一下幾種:
### 轉換成字符串
JavaScript中3種主要的原始值布爾值、數字、字符串及其他對象都有toString()方法,可以把他們的值轉換成字符串。
~~~
var num=25;
alert(num.toString());//輸出 “25”
~~~
### 轉換成數字
ECMAScript提供了兩種把非數字的原始值轉換成數字的方法,即parseInt()和parseFloat().只有對字符串調用這些方法才能正確運行,其他類型返回的都是NaN.
①parseInt()方法。
parseInt()方法用于將字符串轉換為整數,其格式為:
~~~
parseInt(numString,[radix]);
~~~
說明:
a.第一個參數為必選項,用來指定要轉化為證書的字符串。
~~~
parseInt("754abc87); // 返回值為754
parseInt("test456); //返回值為NaN 但數據類型是Number
~~~
b.第二個參數為可選項,使用該參數的parseInt()方法能夠完成八進制、十六進制等數據的轉換。其中[radix]表示要將numString作為幾進制數進行轉換,當省略時,默認將第一個數按十進制轉換。
~~~
parseInt("100abc",8) //返回值為64
~~~
②parseFloat()方法。
parseFloat()方法用于將字符串轉換為浮點數,其格式為:
~~~
parseFloat(numString);
parseFloat("19.32te"); //返回值為19.32
~~~
### 基本數據類型轉換
在JavaScript中可以使用下面3個函數將數據轉換成數字型、布爾型和字符串型。
①Boolean(value):
把值轉換成Boolean類型。如果要轉換的值value為“至少有一個字符的的字符串”、“非0的數字”、或“對象”,那么Boolean()將返回true;如果要轉換的值value為“空字符串”、“數字0”、undefined、null,那么Boolean()將返回false.
~~~
Boolean("");//返回false
Boolean("-1");//返回true
Boolean("new Object()");//返回true
~~~
false、undefined 、null、0、”” 為 false
true、1、”somestring”、[Object] 為 true
②Number(value):
把值轉換成數字(整型數或浮點數)。Number()與parseInt()、parseFloat()類似,區別在于Number()轉換的是整個值,而parseInt()、parseFloat()則可以只轉換開頭部分。
~~~
Number("1.2.3"); //返回NaN
parseInt("1.2.3"); //返回1
parseFloat("1.2.3"); //返回1.2
~~~
③String(value):
把值轉換成字符串。String()與toString()方法有些不同,區別在于對null或undefined值用String()進行強制類型轉換可以生成字符串而不引發錯誤。
~~~
var myNum;
var t1=String(myNum); //t1的值為undefined
var t2=myNum.toString();//這里會報錯
~~~
- 前言
- 走進前端工程師的世界
- 前端知識圖譜
- 前端學習方法
- 計算機基礎知識
- 寫一封信給4個月后的自己
- Github的使用
- 網頁基礎知識
- 2.1認識網頁
- 2.2網頁相關名詞
- 2.3Web標準
- 2.4開發環境配置
- 2.4.1Hbuilder使用技巧
- 2.4.2SublineText使用技巧
- 大前端必會的PS技巧
- HTML
- 網頁制作入門
- CSS
- HTML+CSS整站開發
- HTML5
- HTML5 概述
- HTML5 語法
- HTML5 屬性
- HTML5 事件
- HTML5 瀏覽器支持
- HTML5 新元素
- HTML5 Video(視頻)
- HTML5 Audio(音頻)
- HTML5 Input類型
- HTML5 表單元素
- HTML5 語義元素
- HTML5 表單屬性
- CSS3
- CSS3 介紹
- CSS3 選擇器
- 基本選擇符
- 關系選擇符
- 屬性選擇符
- 偽類選擇符
- 偽對象選擇符
- CSS3 邊框
- CSS3 圓角
- CSS3 背景
- CSS3 漸變
- CSS3 文本效果
- CSS3 字體
- CSS3 2D轉換
- CSS3 3D轉換
- CSS3 過渡
- CSS3 動畫
- CSS3 多列
- CSS3 用戶界面
- CSS3 圖片
- CSS3 按鈕
- CSS3 分頁
- CSS3 框大小
- CSS3 彈性盒子
- CSS3 顏色
- CSS3 多媒體查詢
- 附錄1
- HTML5+CSS3整站開發
- 前端開發規范
- 規范目的
- 命名規則
- HTML開發規范
- CSS開發規范
- SCSS開發規范
- JavaScript開發規范
- JavaScript基礎
- JavaScript簡介
- JavaScript的發展歷史
- JavaScript是前臺語言
- 用法
- 認識語句和符號
- JavaScript輸出
- JavaScript注釋
- 體驗js輸出
- JavaScript 變量
- JavaScript 數據類型
- JavaScript數據類型的轉換
- JavaScript運算符
- JavaScript流程控制語句
- 前端庫
- 百度靜態資源公共庫
- 前端資源
- 學習網站類