JavaScript类型转换方法及需要注意的问题小结(挺全面)_javascript技巧
作者：訫梦沁_245 | 来源：互联网 | 2017-05-11 23:40
JavaScript类型转换方法及需要注意的问题，在js中经常需要对数据类型的转换操作，需要的朋友可以参考下。
一、类型转换的方法和应该注意的问题：
1.转换为布尔型：
（1）用两次非运算(!):
!!5 ==> true
（2）用布尔型的构造函数：
new Boolean(5) == > true
值转换为布尔类型为false：
0，+0，-0，NaN，""(空字符串),undefined,null
除上面的值其他值在转换以后为true，需要特别提到的是:
"0",new Object(),function(){}
2.转换为字符串类型：
（1）加上空字符串""：
123 + "" = "123"
（2）用字符串构造函数：
new String(123) = "123".
需要特别注意的转化：
+0 ==> "0"
-0 ==> "0"
-Infinity ==>"-Infinity"
+Infinity ==>"+Infinity"
NaN ==> "NaN"
undefined ==> "undefined"
null ==> "null"
new Object() ==> "[object Object]"
function(){} ==> "function(){}"
3.转换为数值型：
（1） 取正（+）， 减零 （-0）， 乘一，（*1），除以一（/1),取负（-，这个得到相反的值）。
+"123" = 123
+true = 1
（2）用构造函数Number();
new Number("123") = 123
几个需要特别注意的转化：
""（空字符串） ==> 0
"010" ==> 10
"0x10"(16进制) ==> 16
"-010" ==> -10
"-0x10" ==> NaN
undefined ==> NaN
null ==> 0
true ==> 1
false ==> 0
new Object() ==> NaN
new function(){} ==> NaN
二、隐式类型转换：
(1)二元加法运算（+）：如果两个操作数中有一个是String类型，将把两个操作数转换为String类型再相加。
如果两个操作数中没有字符串类型，那么将把两个操作数转换为数值类型再做运算。
举例：
"123"+123 = "123123";
123+123 = 246
true + true = 2
true + undefined = NaN （因为undefined转换为数值为NaN,所有结果为NaN)
true + null = 1 (null转换为数字是0)
"123" + null = "123null" (包含字符串将转化为字符串相加)
"123" + undefined = "123undefined" （undefined同样适用）
1 + 2 + "123" = "3123" (1+2是首先按照数值型计算的)
(2)二元减乘除运算（-*/):因为只有数值类型才有 - * / 运算，所以会先将两个操作数转换为数值型再做运算。
"123"-123 = 0
(3)一元取正（+），取负运算符(-):取正或者取负都是针对数值型的运算，所以会将操作数转换为数值型再做运算。
+"123" = 123
-"123" = -123
+"123e" = NaN
+"123f" = NaN
+"123e-2" = 1.23
(4)一元非(!)运算符:非运算符需要将操作数转化为布尔类型。
!"123" = false
!!"123" = true
!123 = false
!!123 = true
(5)逻辑运算符（&&）和（||）：
在&&或者||的两侧被判断的时候会被转为布尔类型进行判断，
但是我在测试的时候却发现一个有趣的事情。
&&运算符：如果有一个项为false，那么表达式返回false,如果所有的项都不为false，那么表达式返回最右边一个项的原始值。
举例：
123 && 23 && 45 返回 45,而不是我们想象中的true.
所以如果有 123 && 23 == true 那么应该是false。
至于if(123 && 23) 认为是true那应该是把23转换为布尔类型了。
||运算符：
对 || 测试的结果也和我想象的不一样，|| 返回第一个转换以后不为false的值，如果都为false,它将返回最后一个为false的值（未进行类型转化之前的值）。
举例：
123 || 23 返回 123，而不是想象中的true.
false || null 返回null， 而不是想象中的false。
三、类型转换函数
1.parseFloat转换为浮点数：
字符解析函数获取每一个字符直到遇到不属于数值的字符,然后返回它已获取的数值.
几个需要特别注意的：
""（空字符串) ==> NaN
"123e-2" == > 1.23 (科学计算法是可以识别的）
"010" ==> 10 (8进制不能识别)
"0x10"==> 0 (16进制不识别)
"-010" ==> -10
null,undefined,true,false,new Object(),function(){} ==> NaN
2.parseInt转换为有符号整数:
跟parseFloat相似，但是他会把小数位舍掉（注意不是四舍五入，是完全舍弃，跟Math.floor处理方式一样),而且他可以识别八进制和16进制表示方式:
123e-2 == > 1
"123e-2" ==> 123
"010" == > 8
"0x10" ==> 16
"-010" == > -8
"-0x10" ==> -16
null,undefined,true,false,new Object(),function(){},-Infinity +Infinity NaN ==> NaN
3.三个取整函数的区别：
（1）Math.ceil():“天花板”，很形象吧？就是取大于等于参数的最小整数。
8.7 == > 9
-8.7==> -8
（2）Math.floor():"地板",取小于等于参数的最小整数。
8.7 ==> 8
-8.7 ==> -9
（3）Math.round():"四舍五入"取整数。
推荐阅读
-
本文探讨了线性Kalman滤波器（LKF）在不同自由度（2、4、7）的车辆悬架系统中进行主动控制的应用。通过详细的仿真分析，展示了LKF在提升悬架性能方面的潜力，并总结了调参过程中的关键要点。 ...
[详细]
蜡笔小新 2024-12-27 20:47:55
-
本文探讨了Hive中内部表和外部表的区别及其在HDFS上的路径映射，详细解释了两者的创建、加载及删除操作，并提供了查看表详细信息的方法。通过对比这两种表类型，帮助读者理解如何更好地管理和保护数据。 ...
[详细]
蜡笔小新 2024-12-27 20:21:48
-
-
探讨一个显示数字的故障计算器，它支持两种操作：将当前数字乘以2或减去1。本文将详细介绍如何用最少的操作次数将初始值X转换为目标值Y。 ...
[详细]
蜡笔小新 2024-12-27 14:34:44
-
本文详细介绍了Java编程语言中的核心概念和常见面试问题，包括集合类、数据结构、线程处理、Java虚拟机（JVM）、HTTP协议以及Git操作等方面的内容。通过深入分析每个主题，帮助读者更好地理解Java的关键特性和最佳实践。 ...
[详细]
蜡笔小新 2024-12-27 13:55:14
-
本文探讨如何设计一个安全的加密和验证算法，确保生成的密码具有高随机性和低重复率，并提供相应的验证机制。 ...
[详细]
蜡笔小新 2024-12-27 13:49:45
-
本文详细介绍了机器学习中广泛应用的决策树算法，通过天气数据集的实例演示了ID3和CART算法的手动推导过程。文章长度约2000字，建议阅读时间5分钟。 ...
[详细]
蜡笔小新 2024-12-27 13:44:59
-
在金融和会计领域，准确无误地填写票据和结算凭证至关重要。这些文件不仅是支付结算和现金收付的重要依据，还直接关系到交易的安全性和准确性。本文介绍了一种使用C语言实现小写金额转换为大写金额的方法，确保数据的标准化和规范化。 ...
[详细]
蜡笔小新 2024-12-27 12:39:06
-
在给定的数组中，除了一个数字外，其他所有数字都是相同的。任务是找到这个唯一的不同数字。例如，findUniq([1, 1, 1, 2, 1, 1]) 返回 2，findUniq([0, 0, 0.55, 0, 0]) 返回 0.55。 ...
[详细]
蜡笔小新 2024-12-27 12:19:16
-
本文探讨了卷积神经网络（CNN）中感受野的概念及其与锚框（anchor box）的关系。感受野定义了特征图上每个像素点对应的输入图像区域大小，而锚框则是在每个像素中心生成的多个不同尺寸和宽高比的边界框。两者在目标检测任务中起到关键作用。 ...
[详细]
蜡笔小新 2024-12-27 12:03:44
-
本文通过一系列日记记录了从发现漏洞到逐步加强安全措施的过程，探讨了如何应对网络攻击并最终实现全面的安全防护。 ...
[详细]
蜡笔小新 2024-12-27 11:34:50
-
本文深入探讨了Linux系统中网卡绑定（bonding）的七种工作模式。网卡绑定技术通过将多个物理网卡组合成一个逻辑网卡，实现网络冗余、带宽聚合和负载均衡，在生产环境中广泛应用。文章详细介绍了每种模式的特点、适用场景及配置方法。 ...
[详细]
蜡笔小新 2024-12-27 10:18:13
-
本文探讨了如何在给定整数N的情况下，找到两个不同的整数a和b，使得它们的和最大，并且满足特定的数学条件。 ...
[详细]
蜡笔小新 2024-12-26 19:26:18
-
梯度方向指示函数值增加的方向，由各轴方向的偏导数综合而成，其模长表示函数值变化的速率。本文详细探讨了导数、偏导数、梯度等概念，并结合Softmax函数、卷积神经网络（CNN）中的卷积计算、权值共享及池化操作进行了深入分析。 ...
[详细]
蜡笔小新 2024-12-26 18:23:11
-
本文探讨了机器学习中常见的相似度度量方法，包括余弦相似度、欧氏距离和马氏距离，并详细介绍了如何通过选择合适的模型复杂度和正则化来提高模型的泛化能力。此外，文章还涵盖了模型评估的各种方法和指标，以及不同分类器的工作原理和应用场景。 ...
[详细]
蜡笔小新 2024-12-26 18:10:02
-
本文探讨了自学编程者和计算机专业毕业生在技能、知识结构及职业发展上的不同之处，结合实际案例分析两者的优势与劣势。 ...
[详细]
蜡笔小新 2024-12-26 17:53:18
-
京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有 