`
guy19867
  • 浏览: 89492 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

js相关的类型转换

 
阅读更多

一、类型转换  

1.转换成字串 

ECMAScript的Boolean值、数字和字串的原始值的有趣之处在于它们是伪对象,这意味着它们实际上具有属性和方法。 
如: 

Js 代码
var   sColor =  "blue" ;   
  1. alert(sColor.length);//outputs "4"   



总而言之,3种主要的原始值Boolean值、数字和字串都有toString()方法。ECMAScript定义的所有对象都有toString()方法,无论它是伪对象,还是真的对象。 

Boolean型的toString()方法只是输出"true"或"false",结果由变量的值决定: 

Js 代码
var   bFound =  false ;   
  1. alert(bFound.toString());//outputs "false"   



Number类型的toString()方法比较特殊,它有两种模式,即默认模式和基模式,采用默认模式,toString()方法只是用相应的字符串输出数字值(无论是整数、浮点数还是科学记数法)。 

Js 代码
  1. var   iNum1 = 10;   
  2. var   fNum2 = 10.0;   
  3. alert(iNum1.toString());  //outputs "10"    
  4. alert(fNum2.toString());  //outputs "10"   



采用Number类型的toString()方法的基模式,可以用不同的基(进制基数)输出数字。 

Js 代码  
  1. var   iNum = 10;   
  2. alert(iNum.toString(2));  //outputs "1010"    
  3. alert(iNum.toString(8));  //outputs "12"    
  4. alert(iNum.toString(16));  //outputs "A"   



2.转换成数字 

ECMAScript提供了两种把非数字的原始值转换成数字的方法,即parseInt()和parseFloat()。 
注意:只有对String类型(Number除外)调用这些方法,才能正确运行对其他类型返回的都是NaN。 

例如: 

Js 代码
  1. var   iNum1 = parseInt("1234blue" );//returns 1234    
  2. var   iNum2 = parseInt("oxA" );  //returns 10    
  3. var   iNum3 = parseInt("22.5" );  //returns 22    
  4. var   iNum4 = parseInt("blue" );  //returns NaN   



parseInt()方法还有基模式,可以把二进制、八进制、十六进制或者其他任何进制的字符串转换成十进制整数。第二个参数指定按哪一种进制来解析。 

Js 代码
  1. var   iNum1 = parseInt("AF" ,16);// returns 175    
  2. var   iNum2 = parseInt("10" ,2);  // returns 2    
  3. var   iNum3 = parseInt("10" ,8);  //returns 8    
  4. var   iNum4 = parseInt("10" ,10);  //returns 10   



说明:如果十进制数包含前导0,那么最好采用基数10,否则得到的是八进制的值。 

Js 代码
  1. var   iNum1 = parseInt("010" );  // returns 8    
  2. var   iNum2 = parseInt("010" ,8);  //returns 8    
  3. var   iNum3 = parseInt("010" ,10);//returns 10   



parseFloat()方法与parseInt()方法的处理方式相似,从位置0开始查看每个字符,直到找到第一个非有效的字符为止,然后把该字符之前的字串转换成数字。对于这个方法来说,第一个出现的小数点是有效字符。如果用两个小数点,第二个小数点将被看作无效的。使用该方法的另一个不同之处在于,字串必须以十进制形式表示浮点数。 

Js 代码
  1. var   fNum1 = parseFloat("1234blue" );  //returns 1234.0    
  2. var   fNum2 = parseFloat("0xA" );  //returns NaN    
  3. var   fNum3 = parseFloat("22.5" );  //returns 22.5    
  4. var   fNum4 = parseFloat("22.34.5" );//returns 22.34    
  5. var   fNum5 = parseFloat("0908" );//returns NaN    
  6. var   fNum6 = parseFloat("blue" );//returns NaN   



3.强制类型转换  
ECMAScript中可用的3种强制类型转换 如下: 
(1).Boolean(value) 
把给定的值转换成Boolean型。 
当要转换的值是至少有一个字符的字符串、非0数字或对象时,Boolean()函数将返回true。如果该值是空字符串、数字0、undefined或null,它将返回false。 
如: 

Js 代码
  1. var   b1 = Boolean("" );  // false;    
  2. var   b2 = Boolean("hi" );//true    
  3. var   b3 = Boolean(100);//true    
  4. var   b4 = Boolean(null );//false    
  5. var   b5 = Boolean(0);//false    
  6. var   b6 = Boolean(new   Object());//true   



(2).Number(value) 
把给定的值转换成数字(可以是整数或浮点数)。 
还记得parseInt()和parseFloat()方法只转换第一个无效字符之前的字符串,因此"4.5.6"将被转换为"4.5"。用Number()进行强制类型转换 ,"4.5.6"将返回NaN,因为整个字符串值不能转换成数字。如果字符串能被完整地转换,Number()将判断是调用parseInt()方法还是调用parseFloat()方法。 
如: 

Js 代码
  1. Number(false );//0    
  2. Number(true );//1    
  3. Number(undefined);//NaN    
  4. Number(null );//0    
  5. Number("5.5" );//5.5    
  6. Number("56" );//56    
  7. Number("5.6.7" );//NaN    
  8. Number(new   Object());//NaN    
  9. Number(100);//100   



(3).String(value) 
把给定的值转换成字串。 
与调用toString()方法的唯一不同之处在于,对null或undefined值强制类型转换 可以生成字符串而不引发错误: 

Js 代码  
  1. var   s1 = String(null );//"null"    
  2. var   oNull =  null ;   
  3. var   s2 = oNull.toString();//causes an error   



二、引用类型 
引用类型通常叫作类(class),也就是说,遇到引用值时,所处理的就是对象。ECMAScript定义了“对象定义”,逻辑上等价于其他程序设计语言中的类。 

1.Object类 
ECMAScript中的所有类都由这个类继承而来,Object类中的所有属性和方法都会出现在其他类中(被覆盖)。 

Object类的属性: 

(1).Constructor----对创建对象的函数的引用(指针)。对于Object类,该指针指向原始的object()函数。 

(2).Prototype----对该对象的对象原型的引用。对于所有的类,它默认返回Object对象的一个实例。

分享到:
评论

相关推荐

    js数据类型转换

    ### JavaScript 数据类型转换详解 在JavaScript编程语言中,数据类型的转换是一项非常重要的功能,它能够帮助开发者更加灵活地处理各种数据。本篇文章将详细介绍一种常用的数据类型转换方法——`parseInt()`函数,...

    Javascript的数据类型转换

    以下是对JavaScript中数据类型转换的详细说明: 1. `parseInt()` 函数:这个函数用于将字符串转化为整型。它会尝试解析字符串,从开头开始找到第一个数字,并将其转换为整数。如果字符串的第一位不是数字,`...

    javascript最常用数据类型转换(最全).doc

    JavaScript 数据类型转换详解 JavaScript 中有多种数据类型,包括数值类型、字符串类型、布尔类型等。这些类型之间可以进行转换,以下是 JavaScript 中最常用的数据类型转换方法。 一、转为字符串 在 JavaScript ...

    JS 数据类型转换

    JavaScript是一种动态类型的编程语言,它的数据类型转换是其核心特性之一。在JS中,有七种内置的数据类型:Undefined、Null、Boolean、Number、BigInt、String和Symbol(ES6新增)。此外,还有一种特殊的类型——...

    JavaScript js数据类型及类型转换 示例代码

    本资源主要包含JavaScript数据类型转换相关的示例代码 其中包含了将值转为数字类型、将值转为字符串类型、将值转为布尔类型三种情景的示例 以及特殊情况下转换的注意事项 JavaScript 是一种广泛使用的脚本语言,...

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

    JavaScript类型转换是编程中非常重要的一个概念,它描述了在运算过程中,不同数据类型之间的自动或手动转换行为。JavaScript语言是动态类型的,这意味着你可以在运行时改变变量所存储值的类型,而这正是类型转换的...

    JS数据类型转换.txt

    javascript中,变量可以赋予任何类型的值。但是运算符对数据类型是有要求的,如果运算符的类型与预期不符,就会自动转换类型。数据类型除了可以自动转换以外,还可以手动强制转换。

    JavaScript+js语法基础+js数据类型+js数据类型转换+js运算符

    本文将深入探讨JavaScript的基础语法,包括变量、数据类型、数据类型转换和运算符。 1. 变量(Variable) 变量是JavaScript中存储数据的容器。它们允许我们多次使用相同的值,而无需反复输入。在JavaScript中,变量...

    js 数据类型转换总结笔记

    在JavaScript中,数据类型转换是编程过程中不可或缺的一部分。由于JavaScript是一种动态类型语言,变量的数据类型在运行时可以改变,这给编程带来了灵活性,但也可能导致一些意外的错误。本篇文章将深入探讨...

    传智播客struts2.1源代码_自定义类型转换器

    当默认的类型转换器无法满足特定需求时,开发者可以编写自定义类型转换器。自定义类型转换器需要实现`org.apache.struts2.util.TypeConverter`接口,或者继承`org.apache.struts2.convention.converters....

    js类型转换.pdf

    JavaScript中的类型转换是编程过程中非常重要的一个概念,它涉及到数据类型的自动转换和显式转换。在JavaScript中,数据类型分为两大类:基本类型(原始类型)和引用类型。基本类型包括Undefined、Null、Boolean、...

    JavaScript程序设计课件:数据类型转换.pptx

    JavaScript是一种动态类型语言,它的数据类型转换在编程中扮演着重要的角色。在这份"JavaScript程序设计课件:数据类型转换"中,主要讲解了如何在JavaScript中进行数据类型的转换,主要包括获取数据类型的方法以及三...

    js2c#-js转换c#代码

    转换过程可能需要处理异步操作、类型转换、错误处理等问题,以确保转换后的C#代码能正常运行并保持原JS代码的功能。 使用Hackren.Js2Csharp.exe这个程序,开发者可以将JS源代码文件作为输入,得到C#代码的输出。在...

    JavaScript隐式类型转换_.docx

    JavaScript中的隐式类型转换是其弱类型特性的重要体现,它允许不同数据类型的值在运算时进行自动转换,但这也可能导致一些意料之外的结果。在JavaScript中,数据类型包括字符串(String)、数字(Number)、布尔(Boolean...

    一道面试题引发的对javascript类型转换的思考

    JavaScript中的类型转换是处理不同类型数据时需要进行的一种操作,它在编程中扮演着重要的角色。在JavaScript中,存在着多种类型,包括原始类型和对象类型。原始类型主要包括Number、String、Boolean、Undefined和...

    javascript各种变量类型之间的转换

    javascript各种变量类型之间的转换

    WaltTing#JavaScript#JS数据类型转换1

    常见JS类型转换表值|to 字符串|to 数字|to 布尔值|to 对象补充:更多内容待更新。

    js类型转换js类型转换

    #### 七、操作符相关的类型转换 - `==` 和 `!=`: 在比较之前会进行类型转换。 - 如果一侧是布尔值,则先将布尔值转换为数字(`true` 变为 `1`,`false` 变为 `0`)再进行比较。 - 如果一侧是字符串而另一侧是数字...

    JavaScript 动态网页实例 - 数据类型转换.rar

    类型转换是网页编程不可或缺的内容,本文先介绍自动类型转换,接着是强制性的显式类型转换,最后如何将基本数据类型提升为对象。 JavaScript的数据类型分为基本数据类型和复合数据类型。复合数据类型主要有对象、...

    javascript字符型转换成整型

    本文将深入探讨如何利用JavaScript来实现这一转换,并在此过程中涉及相关的函数和方法,以及它们的具体应用场景。 ### 一、JavaScript中的基本数据类型 在开始介绍字符型转换为整型之前,我们首先需要了解...

Global site tag (gtag.js) - Google Analytics