首頁 web前端 js教程 js 数据类型转换总结笔记_javascript技巧

js 数据类型转换总结笔记_javascript技巧

May 16, 2016 pm 06:11 PM
資料型別轉換

javascript有如下数据类型的转换方法:
一,转换成数字 xxx*1.0
转换成字符串 xxx+""
二,从一个值中提取另一种类型的值,并完成转换工作。
.提取字符串中的整数:parseInt();
例:parseInt("123zhang")的结果为123
.提取字符串中的浮点数:parseFloat();
例:parseFloat("0.55zhang")的结果为0.55
.执行用字符串表示的一段javascript代码:eval();
例:zhang=eval("1+1")的结果zhang=2
. 转换成字符串: toString() ;
例:zhang=eval("1+1")的结果zhang=2
三,是将整个值从一种类型转换为另一种数据类型(称作基本数据类型转换),
基本数据类型转换的三种方法:
.转换为字符型:String() ; 例:String(678)的结果为"678"
.转换为数值型:Number() ; 例:Number("678")的结果为678
.转换为布尔型:Boolean() ; 例:Boolean("aaa")的结果为true

使用这些方法时,如有必要,尽量对参数和 方法的执行进行判断和异常处理操作。
有在参考文档中看到,如下关于执行效率的总结:
在IE 下,第一种速度最快,第二种次之,第三种最差,但差距不过10万次,差几十百来毫秒而已。
在FF下,第一种和第二种基本上相当,第三种最慢。
速度差别基本上可以忽略。因为差距很小。
但是,从代码的简洁性, 第一种明显写法简便,而且也易读,
而且不会出现第二种的 因为 某个对象没有 toString 方法而报错的问题。况且他始终也是最快的。
所以,个人习惯使用第一种方式来完成数据类型的转换
但是,比如需要“123456abcd”来提取其中的数字,那自然当用parsetInt,和parseFloat之类的函数。
但是要注意,有时候 转换的结果是 NaN 等,需要判断一下。

例异常处理如 :

复制代码 代码如下:

//执行文本框内的语句,用eval 返回语句执行后的值
function doFunction(str) {

var result = str.replace(new RegExp("\"", "gm"), "");
//判断语句是否合法
var reg = /\s*[A-Za-z]+\s*\('.+'\)\s*$/;
if (result.match(reg)) // 或者用 reg.test(result); 方法判断
try {
result = eval(result);
return result;
}
catch (Error) {
alert("抱歉!语句无法执行转化。注意语法和拼写。");
return;
}
else alert("请检查数据类型转换语句的格式及语法!");
}

有关数据转换方法的其他测试示例如下:
例  句 结  果
parseInt('1234') 1234
parseInt('1234.00') 1234
parseInt('1234abc') 1234
parseInt('abc1234') undefined(转换失败)
parseFloat('1234.123') 1234.123
parseFloat('1234.123a') 1234.123
parseFloat('a1234.123') NaN
Number('1234.123') 1234.123
Number('1234.123aa') NaN
String(eval('12+10')) 22
Boolean('0'),Boolean('567'),Boolean(567) true
Boolean(null),Boolean(false),Boolean(0),Boolean(''),Boolean() false
this.toString() [object]
(typeof(this)).toString() object
eval('12+34') 46
eval('12+34')+'' 46
eval('12+34')*1.0 46
typeof(eval('12+34')*1.0) number
typeof(eval('12+34')+'') string

注:测试时的环境是 vs2008,ie8...,是在页面上输入的语句,js里用eval处理上表中左栏的转换例句。

使用时或许需要修改符号等。

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章

兩個點博物館:邦格荒地地點指南
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

兩個點博物館:邦格荒地地點指南
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

Vue中如何使用v-model.number實現輸入框的資料類型轉換 Vue中如何使用v-model.number實現輸入框的資料類型轉換 Jun 11, 2023 am 08:54 AM

Vue中如何使用v-model.number實現輸入框的資料類型轉換

如何使用MySQL中的CONVERT函數進行資料型別轉換 如何使用MySQL中的CONVERT函數進行資料型別轉換 Jul 12, 2023 pm 01:57 PM

如何使用MySQL中的CONVERT函數進行資料型別轉換

PHP8資料類型轉換:提高轉換效率的方法與案例分享 PHP8資料類型轉換:提高轉換效率的方法與案例分享 Jan 05, 2024 am 09:01 AM

PHP8資料類型轉換:提高轉換效率的方法與案例分享

利用MongoDB技術開發中遇到的資料型別轉換問題的解決方案探究 利用MongoDB技術開發中遇到的資料型別轉換問題的解決方案探究 Oct 08, 2023 am 09:53 AM

利用MongoDB技術開發中遇到的資料型別轉換問題的解決方案探究

MySQL中的資料型別轉換方法分享 MySQL中的資料型別轉換方法分享 Jun 15, 2023 pm 08:51 PM

MySQL中的資料型別轉換方法分享

如何使用MySQL在TypeScript中實作資料類型轉換功能 如何使用MySQL在TypeScript中實作資料類型轉換功能 Jul 29, 2023 pm 02:17 PM

如何使用MySQL在TypeScript中實作資料類型轉換功能

Java錯誤:錯誤的資料類型,如何解決與避免 Java錯誤:錯誤的資料類型,如何解決與避免 Jun 25, 2023 am 09:28 AM

Java錯誤:錯誤的資料類型,如何解決與避免

PHP8資料類型轉換:快速指南與常見疑問解答 PHP8資料類型轉換:快速指南與常見疑問解答 Jan 05, 2024 pm 06:11 PM

PHP8資料類型轉換:快速指南與常見疑問解答

See all articles