Javascript基础教程之数据类型转换

所有语言都有类型转化的能力，javascript也不例外，它也为开发者提供了大量的类型转化访法，通过全局函数，可以实现更为复杂的数据类型。

代码如下:

var a = 3;
var b = a + 3;
var c = "student" + a;
var d = a.toString();
var e = a + "";
document.write(typeof(a) + " " + typeof (b) + " " +typeof (c) + " " + typeof (d) + " " + typeof (e));
//输出 number number string string string

最简单的类型转化的例子

代码如下:

var a=b=c=d=e=4;
var f = a+b+c+d+ c.toString();
document.write(f);<br>// 输出  结果 164

对于数据类型转为字符串，使用toString() JavaScript转化为字符串同时实现机制转化。

代码如下:

var a =111;
document.writeln(a.toString(2)+"<br>");
document.writeln(a.toString(3)+"<br>");
document.writeln(a.toString(8)+"<br>");
document.writeln(a.toString(10)+"<br>");
document.writeln(a.toString(16)+"<br>");
//执行结果
//
1101111
11010
157
111
6f

字符串转数值型，JavaScript 使用parseInt()和parseFloat()可进行转化，正如方法的名称一样，前者将字符转化为整数，后者将字符转化为浮点数型。只有字符才能调运这两种方法，否则转化为NaN。不再进行任何操作。

parseInt()的先检查下标0处的字符，如果这个字符是有效字符，则检查1处的字符，如果不是有效字符，则终止转化。下面的例子是parseInt()的举例

代码如下:

document.writeln(parseInt("4555.5544")+"<br>");
document.writeln(parseInt("0.5544")+"<br>");
document.writeln(parseInt("1221abes5544")+"<br>");
document.writeln(parseInt("0xc")+"<br>");//直接进行进制转化
document.writeln(parseInt("ahthw@hotmail.com")+"<br>");
//执行结果
4555
0
1221
12
NaN

利用parseInt，同样也可以轻松的实现进制转化。（parseFloat()和parseFlaot类似，这里不再举例。）

代码如下:

document.writeln(parseInt("0421",8)+"<br>");
document.writeln(parseInt("0421")+"<br>");
document.writeln(parseInt("0421",16)+"<br>");
document.writeln(parseInt("AF",16)+"<br>");
document.writeln(parseInt("011",10)+"<br>");
//输出结果
273
421
1057
175
11

赞 (0)

相关推荐

  • js数值计算时使用parseInt进行数据类型转换(jquery)

    js获取到的数据默认都是string字符串类型的,如果进行数值的运算必须使用parseInt进行转换成数值的操作. html代码: 复制代码 代码如下: <div id="archive">     <input type="hidden" name="page" value="1" /> </div> js代码: 复制代码 代码如下: $("#archive").bin

  • JavaScript中的值类型转换介绍

    在JavaScript中进行+.-.*./.==.!=等运算时,如果操作符左右两边的值类型与预期类型不一致,JavaScript会将操作符两边的值转换成预期的类型后再进行操作.预期值类型为string时,JavaScript会将值转换为string:预期值类型为number时,JavaScript会将值转换为number (如果无法转换为数值,则返回NaN)比如: 复制代码 代码如下: console.log(10 + " cats");//10 cats console.log(10

  • JavaScript隐式类型转换

    JavaScript的数据类型是非常弱的(不然不会叫它做弱类型语言了)!在使用算术运算符时,运算符两边的数据类型可以是任意的,比如,一个字符串可以和数字相加.之所以不同的数据类型之间可以做运算,是因为JavaScript引擎在运算之前会悄悄的把他们进行了隐式类型转换的,如下是数值类型和布尔类型的相加: 复制代码 代码如下: 3 + true; // 4 结果是一个数值型!如果是在C或者Java环境的话,上面的运算肯定会因为运算符两边的数据类型不一致而导致报错的!但是,在JavaScript中,只

  • 简单介绍JavaScript数据类型之隐式类型转换

    JavaScript的数据类型分为六种,分别为null,undefined,boolean,string,number,object.object是引用类型,其它的五种是基本类型或者是原始类型.我们可以用typeof方法打印来某个是属于哪个类型的.不同类型的变量比较要先转类型,叫做类型转换,类型转换也叫隐式转换.隐式转换通常发生在运算符加减乘除,等于,还有小于,大于等.. typeof '11' //string typeof(11) //number '11' < 4 //false 本章节单

  • Javascript类型转换的规则实例解析

    类型转换可以分为隐式转换和显式转换,所谓隐式转换即程序在运行时进行的自动转换,显式转换则是人为的对类型进行强制转换.Javascript的变量是松散类型的,它可以存储Javascript支持的任何数据类型,其变量的类型可以在运行时被动态改变.请看示 例: var n = 10; n = "hello CSSer!"; n = {}; 上面的示例中,首先声明n变量并初始化其值为10(整数类型),接着将字符串"hello CSSer!"赋值给n,接着再赋一个对象给它,最

  • 一篇文章搞定JavaScript类型转换(面试常见)

    为啥要说这个东西?一道面试题就给我去说它的动机. 题如下: var bool = new Boolean(false); if (bool) { alert('true'); } else { alert('false'); } 运行结果是true!!! 其实啥类型转换啊,操作符优先级啊,这些东西都是最最基本的.犀牛书上有详细的介绍.但我很少去翻犀牛书的前5章... 比如说优先级那块儿,很多书都教育我们,"不用去背诵优先级顺序,不确定的话,加括号就行了."平常我们写代码时也确实这么做的

  • Javascript基础教程之数据类型转换

    所有语言都有类型转化的能力,javascript也不例外,它也为开发者提供了大量的类型转化访法,通过全局函数,可以实现更为复杂的数据类型. 复制代码 代码如下: var a = 3; var b = a + 3; var c = "student" + a; var d = a.toString(); var e = a + ""; document.write(typeof(a) + " " + typeof (b) + " &quo

  • JavaScript基础教程——入门必看篇

    JavaScript基础教程——入门必看篇

    JavaScript他是一种描述性语言,其实他并不难学,只要用心学,一定会学好,我相信大家在看这篇文章的时候,一定也学过HTML吧,使用JavaScript就是为了能和网页有更好的交互,下面切入主题. 一. JavaScript 1.什么是JavaScript JavaScript是一种描述性语言,也是一种基于对象(Object)和事件驱动(Event Driven)的,并具有安全性的脚本语言. 2.JavaScript的特点 JavaScript主要用来向HTML页面添加交互行为. JavaS

  • Javascript常用运算符(Operators)-javascript基础教程

    javascript基础教程算术运算符 运算符 运算符说明 示例 示例说明 + 加法 x+y 如果x为整数2,y为整数5, x+y等于7 如果x为字符串"text1", y为字符串"fun", x+y则等于"text1fun" - 减法 x-y * 乘法 x*y / 除法 x/y % 两者相除求余数 x%y 如果x等于10, y等于3, x%y结果等于1 ++ 递增 x++ 如果x等于10, x++等于11 -- 递减 y-- 如果y等于10,

  • Javascript基础教程之比较null和undefined值

    Javascript基础教程之比较null和undefined值

    JavaScript 中有两个特数值: undefined和null,在比较它们的时候需要留心.在读取未赋值的变量或试图读取对象没有的属性时得到的就是 undefined 值. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Learn4UndefinedAndNull</title> </head

  • Javascript基础教程之函数对象和属性

    包含在对象里的数据可以通过两种方式来访问 既属性的对象(property)和方法(method) 属性是隶属于某个特定对象的变量,方法则是某个特定对象才能调运的函数. 对象是由一些彼此相关的属性和方法集合在一起的一个数据实体.javacript中,属性和方法对使用"点"的语法来访问. 复制代码 代码如下: Object.proprty Object.method() 假设一个汽车Car有品牌band,颜色color属性,可以通过以下办法来访问这些属性 复制代码 代码如下: Car.ba

  • Javascript基础教程之变量

    javascript 中变量通过var关键字(variable)来声明的. 复制代码 代码如下: var school = "beijingyizhong" 也可以通过var 关键字给变量多个值. 复制代码 代码如下: var school = "beijingyizhong" , diqu = "beijing" , age = 100; 此外,与java不同,javascript可以在同一个变量中存储不同的数据类型.例如 复制代码 代码如下:

  • Javascript基础教程之数据类型 （布尔型 Boolean）

    javascript同样有布尔型,可选值,true or fasle. 复制代码 代码如下: var marr = true ;     document.write(typeof(marr) + "<br>");     var marr = "ture";     document.write(typeof(marr) + "<br>"); 布尔值的 ture 或 fasle是两个完全不同的概念,将marr分别不同给

  • Javascript基础教程之比较操作符

    和其他语言一样,JavaScript也有条件语句对流程上进行判断.包括各种操作符合逻辑语句 比较操作符 常用的比较操作符有      等于 == ,  不等于!= , 大于 >, 小于 <,大于等于 >= ,小于等于 <= 复制代码 代码如下: document.write("Study" == "study");//false     document.write("Study" < "study&quo

  • Javascript基础教程之数据类型 （字符串 String）

    一.字符串 复制代码 代码如下: var language = "javascript"; var language = 'javascript'; 字符串可以使用双引号和单引号,根据个人爱好而定. 字符串具有length属性,可以返回变量中字符串的个数. 复制代码 代码如下: var test1 = "teacher" ;     document.write(test1.length); //输出test1的字符串个数:7 反之,想获取指定位置的字符,可以使用c

  • Javascript基础教程之数组 array

    字符串,数值,布尔值都属于离散值(scalar),如果某个变量是离散的,那么任何时候它只有一个值. 如果想使用变量存储一组值,就需要使用数组(array). 数组是由多个名称相同的树值构成的集合,集合中每个数组都是数组的元素(element),可以使用变量team存储团队里每个成员的名字. 在JavaScript中,数组使用关键字 Array声明创建,同事还可以声明变量的长度length.例如 复制代码 代码如下: var aTeam = new Array(12);//声明变量的长度 在无法预

随机推荐