javascript类型转换使用方法

（一）转换为字符串


代码如下:

X + ''
toString()
String()

函数转换为字符串一般是将函数体输出，不过可以重写其toString方法

（二）转换为数字


代码如下:

parseInt(),parseFloat()

使用Number()，前面不要加new，这样就转换成对象了。

参与数学运算（加法除外）

+ X ：注意这不是加法

（三）转换为布尔值

自动转换：if语句，||，&&，!等逻辑判断环境中会把表达式自动转换为布尔值

强制转换：使用!!，使用Boolean()，前面不要加new，这样就转换成对象了。

（四）转换为对象

直接new+对象名

（五）总结

各类型都有：对象名（要转换的变量）转换方法，还有各自独立拥有的一些技巧。

JS的类型转换，可以参考下图：

赞 (0)

相关推荐

  • 老生常谈javascript的类型转换

    目录: 1 : 伪对象  2 : 转换为字符串  3 : 数字转字符串  4 : 转换为数字  5 : 转换为Boolean  6 : Number()和parseInt()的区别  7 : String()和toString()的区别 1 : 伪对象 伪对象:javascript是一门很有意思的语言,即便是基本类型,也是伪对象,所以他们都有属性和方法. 变量a的类型是字符串,通过调用其为伪对象的属性length获取其长度 . <script> var a="hello javasc

  • Javascript 强制类型转换函数

    1. Boolean(value):把值转换成Boolean类型: 2. Nnumber(value):把值转换成数字(整型或浮点数): 3. String(value):把值转换成字符串. 我们先来看Boolean():在要转换的值为"至少有一字符的字符串"."非0的数字"或"对象",那么Boolean()将返回true,如果要转换的值为"空字符串"."数字0"."undefined"

  • javascript类型转换示例

    复制代码 代码如下: <script>    var i="123abc";    i=parseInt(i);//字符串转整形    alert(i+","+typeof(i));//输出:123,number    i="12.3abc";    i=parseFloat(i);//字符串转浮点型    alert(i+","+typeof(i));//输出:12.3,number(可见不管是int还是floa

  • Javascript 类型转换方法

    Javascript 类型转换方法

    Javascript中的变量同样支持自由类型转换成为适用(或者要求)的内容以便于使用. 弱类型的Javascript不会按照程序员的愿望从实际的变量类型到所需要的数据类型转换,例如一个非常常见的错误,在浏览器脚本中,从表单控件中获取用户将要输入的一个数值类型的变量与另一个数值变量的和.因为变量类型在表单控件中是字符串类型(计时字符串序列包含一个数字)这种尝试将会添加那个字符串到变量,即使这些值碰巧是一些数字,结果在第二个变量将会被转换为字符串类型,在最后只会把从表单控件中得到的变量添加到第一个字

  • 浅析JavaScript中的隐式类型转换

    如果把通过函数或方法调用,明确的将某种类型转换成另一种类型称为显示转换 ,相反则称为隐式类型转换 .google和维基百科中没有找到"显示类型转换","隐式类型转换"的字眼.暂且这么称呼. 一. 运算中存在的隐式类型转换 1, "+"运算符 复制代码 代码如下: var a = 11, b = '22'; var c = a + b; 这里引擎将会先把a变成字符串"11"再与b进行连接,变成了"1122".

  • javascript类型转换使用方法

    javascript类型转换使用方法

    (一)转换为字符串 复制代码 代码如下: X + ''toString()String() 函数转换为字符串一般是将函数体输出,不过可以重写其toString方法 (二)转换为数字 复制代码 代码如下: parseInt(),parseFloat() 使用Number(),前面不要加new,这样就转换成对象了. 参与数学运算(加法除外) + X :注意这不是加法 (三)转换为布尔值 自动转换:if语句,||,&&,!等逻辑判断环境中会把表达式自动转换为布尔值 强制转换:使用!!,使用Boo

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

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

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

    最近群里有人发了下面这题: 实现一个函数,运算结果可以满足如下预期结果: add(1)(2) // 3 add(1, 2, 3)(10) // 16 add(1)(2)(3)(4)(5) // 15 对于一个好奇的切图仔来说,忍不住动手尝试了一下,看到题目首先想到的是会用到高阶函数以及 Array.prototype.reduce() 高阶函数(Higher-order function):高阶函数的意思是它接收另一个函数作为参数.在 javascript 中,函数是一等公民,允许函数作为参数或

  • Javascript 类型转换、封闭函数及常见内置对象操作示例

    本文实例讲述了Javascript 类型转换.封闭函数及常见内置对象.分享给大家供大家参考,具体如下: Javascript组成 1.ECMAscript javascript的语法(变量.函数.循环语句等语法) 2.DOM 文档对象模型 操作html和css的方法 3.BOM 浏览器对象模型 操作浏览器的一些方法 类型转换 1.直接转换 parseInt() 与 parseFloat() alert('12'+7); //弹出127 alert( parseInt('12') + 7 ); /

  • JavaScript Math.ceil 方法(对数值向上取整)

    JavaScript Math.ceil 方法 Math.ceil 方法用于对数值向上取整,即得到大于或等于该数值的最小整数.语法如下: Math.ceil(x) 参数说明: 参数 说明 x 必需.必须是一个数值. 提示:该方法与 Math.floor 方法正好相反. Math.ceil 方法实例 <script language="JavaScript"> document.write( Math.ceil(0.35) + "<br />"

  • JavaScript Math.floor方法(对数值向下取整)

    JavaScript Math.floor 方法 Math.floor 方法用于对数值向下取整,即得到小于或等于该数值的最大整数.语法如下: Math.floor(x) 参数说明: 参数 说明 x 必需.必须是一个数值. 提示:该方法与 Math.ceil 方法正好相反. Math.floor 方法实例 <script language="JavaScript"> document.write( Math.floor(0.35) + "<br />&q

  • JavaScript中用sort()方法对数组元素进行排序的操作

    JavaScript数组sort()方法排序数组的元素. 语法 array.sort( compareFunction ); 下面是参数的详细信息: compareFunction : 指定一个函数,定义排序次序.如果省略,数组字典顺序排序. 返回值: 返回一个排序的数组 例子: <html> <head> <title>JavaScript Array sort Method</title> </head> <body> <s

  • 详解JavaScript中setSeconds()方法的使用

    javascript Date.setSeconds()方法按照本地时间的设置秒指定日期. 语法 Date.setSeconds(secondsValue[, msValue]) 注:括号内外的数据是可选的 下面是参数的详细信息: secondsValue : 0到59之间的整数. msValue : 一个数字在0和999之间,表示毫秒. 如果不指定msValue参数,使用从方法使用getMilliseconds返回的值.如果指定的参数是预期范围之外,调用setSeconds尝试相应地更新Dat

  • 详解JavaScript中getFullYear()方法的使用

    javascript Date.getFullYear()方法按照本地时间返回指定日期的年份.通过getFullYear返回的值是一个绝对的数字.对于1000年和9999之间的日期,getFullYear返回一个4位数字,例如2008年. 语法 Date.getFullYear() 下面是参数的详细信息: NA 返回值: 按照本地时间返回指定日期的年份. 例子: <html> <head> <title>JavaScript getFullYear Method<

  • JavaScript中removeChild 方法开发示例代码

    1. 概述 删除后的节点虽然不在文档树中了,但其实它还在内存中,可以随时再次被添加到别的位置. 当你遍历一个父节点的子节点并进行删除操作时,要注意,children属性是一个只读属性,并且它在子节点变化时会实时更新 // 拿到待删除节点: var self = document.getElementById('to-be-removed'); // 拿到父节点: var parent = self.parentElement; // 删除: var removed = parent.remove

随机推荐