方法主要有二种：转换函数、强制类型转换。
具体步骤：
一、转换函数：js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。仅仅有对String类型调用这些方法，这两个函数才干正确执行；对其它类型返回的都是NaN(NotaNumber)。
一些示比例如以下：
复制代码 代码例如以下：
parseInt("1234blue")//returns1234。
parseInt("0xA")//returns10。
parseInt("22.5")//returns22。
parseInt("blue")//returnsNaN。
parseInt()方法还有基模式，能够把二进制、八进制、十六进制或其它不论什么进制的字符串转换成整数。基是由parseInt()方法的第二个参数指定的，示比例如以下：
复制代码 代码例如以下:
parseInt("AF",16)//returns175。
parseInt("10",2)//returns2。
parseInt("10",8)//returns8。
parseInt("10",10)//returns10。
假设十进制数包括前导0，那么最好采用基数10，这样才不会意外地得到八进制的值比如：
复制代码 代码例如以下:
parseInt("010")//returns8。
parseInt("010",8)//returns8。
parseInt("010",10)//returns10。
parseFloat()方法与parseInt()方法的处理方式相似。
使用parseFloat()方法的还有一不同之处在于，字符串必须以十进制形式表示浮点数，parseFloat()没有基模式。
以下是使用parseFloat()方法的演示样例：
复制代码 代码例如以下:
parseFloat("1234blue")//returns1234.0。
parseFloat("0xA")//returnsNaN。
parseFloat("22.5")//returns22.5。
parseFloat("22.34.5")//returns22.34。
parseFloat("0908")//returns908。
parseFloat("blue")//returnsNaN。
2.强制类型转换
还可使用强制类型转换（typecasting）处理转换值的类型。使用强制类型转换能够访问特定的值，即使它是还有一种类型的。
ECMAScript中可用的3种强制类型转换例如以下：
Boolean(value)——把给定的值转换成Boolean型。
Number(value)——把给定的值转换成数字（能够是整数或浮点数）。
String(value)——把给定的值转换成字符串。
用这三个函数之中的一个转换值，将创建一个新值，存放由原始值直接转换成的值。这会造成意想不到的后果。
当要转换的值是至少有一个字符的字符串、非0数字或对象（下一节将讨论这一点）时，Boolean()函数将返回true。假设该值是空字符串、数字0、undefined或null，它将返回false。
能够用以下的代码段测试Boolean型的强制类型转换。
复制代码 代码例如以下:
Boolean("")//false_emptystring。
Boolean("hi")//true_non-emptystring。
Boolean(100)//true_non-zeronumber。
Boolean(null)//false-null。
Boolean(0)//false-zero。
Boolean(newObject())//true_object。
Number()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似，仅仅是它转换的是整个值，而不是部分值。示比例如以下：
复制代码 代码例如以下:
用法结果
Number(false)0。
Number(true)1。
Number(undefined)NaN。
Number(null)0。
Number("5.5")5.5。
Number("5.6.7")NaN。
Number(newObject())NaN。
Number(100)100。
将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技术文档-parseInt 语法
MDN技术文档-js的数据类型和数据结构
什么是NaN:
NaN 就是在发生类型强制转换的时候会产生 NaN ,也就是把其他类型转换成 Number 类型时，不能转换而返回的结果。
几种转换为 Number 类型的方法及可能出现NaN情况：
第一种转换函数：parseInt / parseFloat
console.log(parseInt(" 我是谁 ")) console.log((" 我是谁 "))
以上两种转换函数的结果就会返回 NaN 因为转换的不是一个有效数字啊。
第二种强制转换类型： Number（）
console.log(Number("12px"))返回 NaN 因为不是一个有效数字，后面有文字
第三种变量弱类型转换：
var str = '012.345 ' var x = str - 0 console.log(x, typeof x) // 这就是正常的了
那在JS中不管是什么都会有个类型，那 NaN 是个啥类型呢？
这里可以看到，NaN 的类型是 Number，那既然是 Number 类型，那我用它来比较是不是 数字类型 可不可以勒，那咱们就来看一下。
那这里怎么返回的都是 false 呢？ 并且自己连自己都不等于，NaN的英文翻译是:Not a number (不是一个数字的缩写)，那居然你不是一个数字 比喻是A，我也不是一个数字 比喻是B，那么 A == B 嘛？你会发现并不相等 返回 false。
那我想判断一个 变量是不是数字类型，不能使用NaN方法，那就有了 isNaN 的出现，请看下方用法：
isNaN 返回值是 如果你是有效数字，就是返回false，这里为啥是false 请看上面 NaN 英文的翻译 ，如果你返回的不是一个有效数字就是 true。
原理相当于是：
这里你会发现，判断的时候通过Number进行了一波隐式转换，才得到最终结果 false。
说到在项目中真实的用处，目前还没有遇到，但是如果你了解这个方法，遇到相关处理数据需要判断时，你就会想到它啦，以上就是本人对 NaN 及 isNaN 的相关介绍， 还有那句话：如有不对之处及不周之处请大佬们指出，也希望对一些人有所帮助，咱们下次再会！
