js强制数据类型转换

发布时间:2025-05-20 22:13:13 发布人:远客网络

js强制数据类型转换

一、js强制数据类型转换

几种常见的js数据类型转变

js中的数据类型可以分为五种：number、string、boolean、underfine、null。

对象转字符串---如果有toString()方法就用toString()，没有toString(),用valueOf()。

也就是js提供的函数parseInt(),parseFloat(),Number(),Boolean()进行数据转换。

强制转为整数：parseInt；写法：x=parseInt(x);

强制转换位小为：parseFloat；写法：x=parseFloat(x);

javascript主要有以下三种数据类型转换方式：

转换函数：parseInt()和parseFloat()分别将值转换成整数和浮点数。

强制类型转换：Boolean(value)、Number(value)、String(value)将给定的值分别转换成逻辑值、数字（整数或浮点数）及字符串。

弱类型自动转换：字符串与数字进行数学操作符运算时，字符串会自动转为数字。

实例演示：将文本框的值转化成数值型

var?a?=?document.getElementById("num1").value;

var?b?=?document.getElementById("num2").value;

var?c1?=?parseFloat(a)?+?parseFloat(b);???//??函数转换

var?c2?=?Number(a)?+?Number(b);??//??强制类型转换

var?c3?=?a*1?+?b*1;???//?a*1将自动转化为数字类型

再学JS--数据类型转换之显式转换

在JavaScript中，只有6种值可以被转换为false，其他都会被转换为true

可以通过Number函数将类型转换成数字类型，如果不传参数的话，返回+0；如果参数无法被转换为数字，则返回NaN

如果通过Number转换函数传入一个字符串，它会试图将其转换成一个整数或浮点数，而且会忽略所有前导0，如果有一个字符不是数字，结果都会返回NaN。

parseInt只解析整数，parseFloat则可以解析整数和浮点数，如果字符串前缀是0x或0X，parseInt将其解释为十六进制数，parseInt和parseFloat都会跳过任意数量的前导空格，尽可能解析更多数值字符，并忽略后面的内容。如果第一个非空字符是非法的数字直接量，将最终返回NaN

使用String函数将类型转换成字符串类型，如果String不传参数，返回空字符串。

原始值到对象的转换非常简单，原始值通过调用String()、Number()或者Boolean()构造函数,转换为它们各自的包装对象。

null和undefined属于例外，当将它们用在期望是一个对象的地方都会造成一个类型错误，而不是执行正常的转换。

所有对象（包含数组和函数）都会被转换为true

JavaScript有两个不同的方法来执行转换，toString和valueOf

所有对象除了null和undefined之外的任何值都具有toString方法，通常情况下，它和使用String方法返回的结果是一致的。

然而JavaScript下的很多类根据各自的特点，定了更多版本的toString方法，例如：

另一个转换对象的函数时valueOf，表示对象的原始值。默认的valueOf方法返回这个对象本身，数组、函数、正则简单的继承了这个方法，也会返回对象本身。日期是一个例外，它会返回它的一个内容表示：1970年1月1日以来的毫秒数

js转换分为2种，一是隐式转换，比如+为转换为字符串拼接，true数学运算中等于1，

二是强制转换，比如转换为数字Number（），tostring（）等方法，直接转换

将float类型转化为int类型有两种方法：

1、在计算时，可以使用向上取整Math.ceil(50/4)，或者向下取整math.floor(50/4)，或者四舍五入Math.round(50/4)

2、直接使用强制转化为整数的方法parseInt,parseInt(50/4)

1）parseInt?函数将其第一个参数转换为字符串，解析它，并返回一个整数或NaN。如果不是NaN，返回的值将是作为指定基数（基数）中的数字的第一个参数的整数。

2）parseInt有两个参数，第一个是需要转化的内容，第二个是需要转化的进制数，默认为十进制。也可以转化为八进制、十六进制、二进制。如下：

3）parseInt也可以将首部有”数字的字符串“转化为数字，例如:parseInt('12.0swrf')//返回：12

4）另外，还有一个与parseInt用法和作用类似的方法parseFloat(string,radix),parseFloat是将字符串或者数字，强制转化为浮点数类型。

1、javascript是弱语言类型，定义变量时没有区分字符串，整数，浮点数。但是它很灵活，可以进行不同类型的转换。

2、javascript基本数据类型有以下几种：Number,String,Boolean,Undefined,Null,Symbol，可以根据Number,String,Boolean,Symbol这几种类型内置对象，将变量强制转换为对应的类型。如下：

MDN技术文档-js的数据类型和数据结构

shift()：删除数组中第一个元素，并将长度减1，下面举例：

vararr=['王思聪','孙一宁','刘强东','奶茶','签字哥','都美竹']

console.log(res)?//打印出来返回值是被删除的数组元素

?pop():删除数组中最后一个元素，并将长度减1,下面举例：

vararr=['王思聪','孙一宁','刘强东','奶茶','签字哥','都美竹']

console.log(res)//打印出来返回值是删除的数组元素

unshift():往数组前面添加一个或多个数组元素，长度要改变，下面举例：

??console.log(arr)//?返回值是增加后数组的长度

push():往数组结尾添加一个或多个数组元素，长度要改变

varres=arr.push('随便','哈哈')

为了更好的代入，下面我们来看一个综合的列子：

要求将数组中的0项去掉，将不为0的值存入一个新的数组，生成新的数组

??????//把这些数据添加到新的数组

????console.log(newArr)?//最后输出查看结果

concat():方法用于连接两个或多个数组,不改变原数组。返回一个新的数组

vararrName1=['签字哥','李某迪','波哥','王思聪']

vararrName2=['马云','马化腾','王健林','卢本伟']

varnewData=arrName1.concat(arrName2)

reverse()?逆向排序,原数组也被逆向排序了（倒置）

toString()?将数组转成字符串，推荐使用

String它是强制数据类型转换的方法，它不属于数组这个对象

join(“拼接符”)将数组转成字符串，中间以拼接符连接

?slice(start,end):?不修改原数组,将原数组中的指定区域数据提取出来。start开始end结束。

??????如果参数是负值表示从倒数开始。不含结束位置

??????????????????0????1????2(不包含结束位置)

?vararrName=['签字哥','李某迪','波哥','王思聪']

??????删除：用于删除元素，两个参数，第一个参数（要删除第一项的位置），第二个参数（要删除的项数）

??????插入：向数组指定位置插入任意项元素。三个参数，第一个参数（开始位置），第二个参数（0），第三个参数（插入的项）

??????注意点：第二个参数（0）为0不会删除任何项

??????替换：向数组指定位置插入任意项元素，同时删除任意数量的项，三个参数。第一个参数（起始位置），第二个参数（删除的项数），第三个参数（插入任意数量的项）

?vararrName=['签字哥','李某迪','波哥','王思聪']

????//varres=arrName.splice(0,3)

????//返回值是被删除的数组元素

????//arrName.splice(0,0,'嘿嘿','哈哈')

????arrName.splice(0,2,'都美竹','hello')

二、javascript 字符串怎么转成数字类型

转换函数、强制类型转换、利用js变量弱类型转换。

用函数parseInt()和parseFloat()两个转换，前者把值转换成整数，后者把值转换成浮点数。只有对String类型的数字字符串调用这些方法，这两个函数才能正确运行；对其他类型返回的都是NaN(Not a Number)

parseInt("1234blue");//结果1234

parseFloat("1234blue");//结果1234.0

parseFloat("22.34.5");//结果22.34

2.强制类型转换，Number(value)——把给定的值转换成数字（可以是整数或浮点数）；

Number(100)//结果100

3.利用js变量弱类型转换

x=x*1;//x为数字类型

进行了算术运算，实现了字符串到数字的类型转换，不过这个方法不推荐

三、js 字符串转数字

很多朋友都想知道js字符串转数字有哪些方法？下面就一起了解一下吧~

js字符串转数字的方法主要有三种：转换函数、强制类型转换、利用js变量弱类型转换。

js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行；对其他类型返回的都是NaN(Not a Number)。

parseInt("1234blue"); //returns 1234 parseInt("0xA"); //returns 10 parseInt("22.5"); //returns 22 parseInt("blue"); //returns NaN

parseInt()方法还有基模式，可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。基是由parseInt()方法的第二个参数指定的，示例如下：

parseInt("AF", 16); //returns 175 parseInt("10", 2); //returns 2 parseInt("10", 8); //returns 8 parseInt("10", 10); //returns 10

如果十进制数包含前导0，那么最好采用基数10，这样才不会意外地得到八进制的值。例如：

parseInt("010"); //returns 8 parseInt("010", 8); //returns 8 parseInt("010", 10); //returns 10

parseFloat()方法与parseInt()方法的处理方式相似。

使用parseFloat()方法的另一不同之处在于，字符串必须以十进制形式表示浮点数，parseFloat()没有基模式。

下面是使用parseFloat()方法的示例：

parseFloat("1234blue"); //returns 1234.0 parseFloat("0xA"); //returns NaN parseFloat("22.5"); //returns 22.5 parseFloat("22.34.5"); //returns 22.34 parseFloat("0908"); //returns 908 parseFloat("blue"); //returns NaN

使用强制类型转换（type casting）处理转换值的类型。使用强制类型转换可以访问特定的值，即使它是另一种类型的。

ECMAScript中可用的3种强制类型转换如下：

Boolean(value)——把给定的值转换成Boolean型；

Number(value)——把给定的值转换成数字（可以是整数或浮点数）；

String(value)——把给定的值转换成字符串。

用这三个函数之一转换值，将创建一个新值，存放由原始值直接转换成的值。这会造成意想不到的后果。

当要转换的值是至少有一个字符的字符串、非0数字或对象（下一节将讨论这一点）时，Boolean()函数将返回true。如果该值是空字符串、数字0、undefined或null，它将返回false。

可以用下面的代码段测试Boolean型的强制类型转换。

Boolean(""); //false – empty string Boolean("hi"); //true – non-empty string Boolean(100); //true – non-zero number Boolean(null); //false - null Boolean(0); //false - zero Boolean(new Object()); //true – object

Number()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似，只是它转换的是整个值，而不是部分值。示例如下：

用法结果

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

最后一种强制类型转换方法String()是最简单的，示例如下：

var s1 = String(null); //"null" var oNull = null; var s2 = oNull.toString(); //won’t work, causes an error