`

JS类型转换

设计模式prototype 
阅读更多
转换成数字

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

例如：

Js代码 
var iNum1 = parseInt(“1234blue”);//returns 1234   
var iNum2 = parseInt(“oxA”); //returns 10   
var iNum3 = parseInt(“22.5″); //returns 22   
var iNum4 = parseInt(“blue”); //returns NaN

以下其他类型转换

一、类型转换

1.转换成字串

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

Js代码
var sColor = “blue”; 
alert(sColor.length);//outputs “4″ 
总而言之，3种主要的原始值Boolean值、数字和字串都有toString()方法。ECMAScript定义的所有对象都有toString()方法，无论它是伪对象，还是真的对象。

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

Js代码
var bFound = false; 
alert(bFound.toString());//outputs “false” 
Number类型的toString()方法比较特殊，它有两种模式，即默认模式和基模式，采用默认模式，toString()方法只是用相应的字符串输出数字值(无论是整数、浮点数还是科学记数法)。

Js代码 
var iNum1 = 10;   
var fNum2 = 10.0;   
alert(iNum1.toString()); //outputs “10″   
alert(fNum2.toString()); //outputs “10″
 
采用Number类型的toString()方法的基模式，可以用不同的基(进制基数)输出数字。

Js代码 
var iNum = 10;   
alert(iNum.toString(2)); //outputs “1010″   
alert(iNum.toString(8)); //outputs “12″   
alert(iNum.toString(16)); //outputs “A”

2.转换成数字

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

例如：

Js代码 
var iNum1 = parseInt(“1234blue”);//returns 1234   
var iNum2 = parseInt(“oxA”); //returns 10   
var iNum3 = parseInt(“22.5″); //returns 22   
var iNum4 = parseInt(“blue”); //returns NaN

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

Js代码 
var iNum1 = parseInt(“AF”,16);// returns 175   
var iNum2 = parseInt(“10″,2); // returns 2   
var iNum3 = parseInt(“10″,8); //returns 8   
var iNum4 = parseInt(“10″,10); //returns 10

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

Js代码 
var iNum1 = parseInt(“010″); // returns 8   
var iNum2 = parseInt(“010″,8); //returns 8   
var iNum3 = parseInt(“010″,10);//returns 10

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

Js代码 
var fNum1 = parseFloat(“1234blue”); //returns 1234.0   
var fNum2 = parseFloat(“0xA”); //returns NaN   
var fNum3 = parseFloat(“22.5″); //returns 22.5   
var fNum4 = parseFloat(“22.34.5″);//returns 22.34   
var fNum5 = parseFloat(“0908″);//returns NaN   
var fNum6 = parseFloat(“blue”);//returns NaN

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

Js代码 
var b1 = Boolean(“”); // false;   
var b2 = Boolean(“hi”);//true   
var b3 = Boolean(100);//true   
var b4 = Boolean(null);//false   
var b5 = Boolean(0);//false   
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代码 
Number(false);//0   
Number(true);//1   
Number(undefined);//NaN   
Number(null);//0   
Number(“5.5″);//5.5   
Number(“56″);//56   
Number(“5.6.7″);//NaN   
Number(new Object());//NaN   
Number(100);//100

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

Js代码 
var s1 = String(null);//”null”   
var oNull = null;   
var s2 = oNull.toString();//causes an error

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

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

Object类的属性：

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

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

1.转换成字串

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

Js代码 
var sColor = “blue”;  
alert(sColor.length);//outputs “4″
 
总而言之，3种主要的原始值Boolean值、数字和字串都有toString()方法。ECMAScript定义的所有对象都有toString()方法，无论它是伪对象，还是真的对象。

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

Js代码 
var bFound = false;  
alert(bFound.toString());//outputs “false”

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

Js代码 
var iNum1 = 10;   
var fNum2 = 10.0;   
alert(iNum1.toString()); //outputs “10″   
alert(fNum2.toString()); //outputs “10″

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

Js代码 
var iNum = 10;   
alert(iNum.toString(2)); //outputs “1010″   
alert(iNum.toString(8)); //outputs “12″   
alert(iNum.toString(16)); //outputs “A”

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

Js代码 
var iNum1 = parseInt(“AF”,16);// returns 175   
var iNum2 = parseInt(“10″,2); // returns 2   
var iNum3 = parseInt(“10″,8); //returns 8   
var iNum4 = parseInt(“10″,10); //returns 10

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

Js代码 
var iNum1 = parseInt(“010″); // returns 8   
var iNum2 = parseInt(“010″,8); //returns 8   
var iNum3 = parseInt(“010″,10);//returns 10

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

Js代码 
var fNum1 = parseFloat(“1234blue”); //returns 1234.0   
var fNum2 = parseFloat(“0xA”); //returns NaN   
var fNum3 = parseFloat(“22.5″); //returns 22.5   
var fNum4 = parseFloat(“22.34.5″);//returns 22.34   
var fNum5 = parseFloat(“0908″);//returns NaN   
var fNum6 = parseFloat(“blue”);//returns NaN

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

Js代码 
var b1 = Boolean(“”); // false;   
var b2 = Boolean(“hi”);//true   
var b3 = Boolean(100);//true   
var b4 = Boolean(null);//false   
var b5 = Boolean(0);//false   
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代码 
Number(false);//0   
Number(true);//1   
Number(undefined);//NaN   
Number(null);//0   
Number(“5.5″);//5.5   
Number(“56″);//56   
Number(“5.6.7″);//NaN   
Number(new Object());//NaN   
Number(100);//100

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

Js代码 

var s1 = String(null);//”null”   
var oNull = null;   
var s2 = oNull.toString();//causes an error

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

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

Object类的属性：

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

(2).Prototype—-对该对象的对象原型的引用。对于所有的类，它默认返回 Object对象的一个实例。
分享到：
| Hibernate的乐观锁与悲观锁
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

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

    Javascript的数据类型转换

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

    js数据类型转换

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

    js类型转换js类型转换

    ### JavaScript 类型转换详解 #### 一、概述 JavaScript 是一种动态类型的语言，它支持多种数据类型之间的自动转换。在日常开发中，我们经常会遇到不同类型数据间的比较或运算，这时就需要进行类型转换。掌握好 ...

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

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

    js类型转换.pdf

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

    js2c#-js转换c#代码

    "js2c#"工具正是一个旨在帮助开发者将JavaScript代码转换为C#代码的实用工具。这个工具的亮点在于它能够将JS代码编译成DLL或EXE文件，使得C#项目可以直接引用这些编译后的库，从而实现跨语言的代码复用。 首先，...

    javascript最常用数据类型转换（最全）.doc

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

    javascript 数据转换示意图

    基本涵盖了常用的js数据类型之间互相转换的方法和途径，简单易懂

    JS 数据类型转换

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

    javascript字符型转换成整型

    在JavaScript编程语言中，字符型数据（通常指字符串类型）转换为整型数据是一项常见的操作需求，尤其是在处理用户输入、解析数据或进行数值计算时。本文将深入探讨如何利用JavaScript来实现这一转换，并在此过程中...

    用于长度单位转换的JavaScript库

    在JavaScript编程中，长度单位转换是一项常见的任务，特别是在网页布局、数据可视化或处理用户输入时。这个名为"length.js"的库专为此目的而设计，它提供了方便的API，允许开发者轻松地在各种长度单位之间进行转换。...

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

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

    js农历公历日期相互转换函数javascript日期转换

    调用简单，下拉传一日期加类型即可转换日期的类型，如： CalConvert(new Date(2010,3,19), false) //农历转换为公历 CalConvert(new Date(2010,3,19), true)//公历转换成农历

    JavaScript类型转换方法及需要注意的问题小结(挺全面)

    一、类型转换的方法和应该注意的问题：1.转换为布尔型：（1）用两次非运算(!):!!5 ==> true（2）用布尔型的构造函数：new Boolean(5) == > true值转换为布尔类型为false：0，+0，-0，NaN，””(空字符串),undefined,...

    JS数据类型转换.txt

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

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

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

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

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

    Javascript 类型转换方法

    JavaScript 是一种动态类型语言，它的变量可以自由地转换成各种数据类型以适应不同的场景。由于JavaScript的弱类型特性，有时会导致意料之外的类型转换，尤其是涉及到数据类型的运算时。以下我们将详细介绍...

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

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

Magicbox
Global site tag (gtag.js) - Google Analytics