(!、！！)与(空字符、undefined、0、"0")的运算

最新推荐文章于 2024-06-27 18:28:44 发布
最新推荐文章于 2024-06-27 18:28:44 发布
阅读量834 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： js碎片 文章标签： js运算符
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_37359464/article/details/70479873
本文介绍了JavaScript中如何通过双感叹号(!!)进行真假值转换的方法，并提供了具体的应用场景实例，如渠道数据展示和用户数量显示。

(1). !!+空字符串 是false ！+空字符串 是true

(2). !!+undefined 是false ！+undefined 是true

(3). !!+数字格式的0 是false !!+字符串格式的0 是true
//使用情景1：比如渠道数据，其值可能为 “”/undefined/”0”，要将”0”在前端展示为”全部”;
//使用场景2：比如用户数，其值可能为”“/undefined/0,要将”“和undefined在前端展示为”–”

(4). 如果知道确切的值，可以用“===”(全等)

这些运算一般用来作为判断条件

关于undefind与0
longtengg1的博客
06-22 313
在判断值存不存在时，切记不要用如下方式来判断， if(val){ ... } 因为当val为0时，val就会被当作不存在； 也不能用val!=undefined来判断，一定要用val!==undefined来做判断。
null vs 0 和 undefined
@梢的博客
03-04 568
null vs 0 alert( null > 0 ); // (1) false alert( null == 0 ); // (2) false alert( null >= 0 ); // (3) true 相等性检查 == 和普通比较符 > ,< ,>= ,<= 的代码逻辑是相互独立的 进行值的比较时，null 会被转化为数字 undefined 和 null 在相等性检查 == 中不会进行任何的类型转换，它们有自己独立的比较规则，所以除了它们之间互等外，不
理解js中的：Null、undefined、""、0、false
wdp107
06-21 236
总结： 1、undefined、null、""、0、false这五个值在if语句中做判断，都会执行false分支 2、 undefined和null比较特殊， 虽然null的类型是object，但是null不具有任何对象的特性， 就是说我们并不能执行null.toString()、null.constructor等对象实例的默认调用。 所以从这个意...
JavaScript之“+“、“!“、“!!“、“!!+“写法使用说明
Mr.小灰狼_随笔
12-27 8452
JavaScript之"+"、"!"、"!!"、"!!+"写法使用说明 JavaScript 类型转换之高阶写法 "!!+" 目录 1、"+" 的使用 2、"!" 的使用 3、"!!" 的使用 4、"!!+" 的使用 项目实际所用 ：
JavaScript 中 双感叹号语法、加号(+)操作符
走在搬砖的路上！
05-07 1107
1、javascript中的双感叹号语法（!!） var o={flag1:true}; var test1=!!o.flag1;//等效于var test1=o.flag1||false; console.log(test);//true var test2=!!o.flag2;//等效于var test2=o.flag2||false; console.log(test);//false 而不是undefined 或 null 由于对null与undefined用 !! 操作符时都会...
js类型转换高阶写法(!!+)
qq_45030898的博客
07-04 663
@TOC "+"能将字符串数字直接转为number型，如果不是字符串数字会变成NaN类型!!! "!!"能将number类型直接转换为Boolean类型 "!!+”能将字符串数字快速转换为Boolean类型
开源JS代码前面加!,+的意义
dongjuan5306的博客
02-28 232
我们都知道，函数的声明方式有这两种 function fnA(){alert('msg');}//声明式定义函数 var fnB = function(){alert('msg');}//函数赋值表达式定义函数 楼主问题中出现的两个函数，都是匿名函数。通常，我们调用一个方法的方式就是 FunctionName() 但是，如果我们尝试为一个“定义函数”末尾加上()，解析器是无法...
undefined运算
mogii's blog
03-26 1719
1.undefined与数值相加undefined转换成数值类型NaN，NaN与数值运算操作均为NaN所以undefined与任何数值相加结果为NaN2.undefined与字符串相加undefined转换成字符串与字符串相加操作...
Javascript：在函数前面加叹号（!）或加号（+）的作用
听海边涛声
06-27 563
Javascript：在函数前面加叹号（!）或加号（+）的作用
判断为空简写
梦龙小站
08-12 1409
复杂代码： if (variable1 !== null || variable1 !== undefined || variable1 !== '') { var variable2 = variable1; } 简写代码： var variable2 = variable1 || '';
JS中的0，null，undefined，[ ]，“ ”，false之间的关系
weixin_47074432的博客
01-21 3246
1、0 、“”、 []、 false两两之间是相等的关系 2、null 和0 、“”、 []、 false之间并不相等 3、undefined 和0 、“”、 []、 false之间并不相等 4、null 和undefined 是相等的 5、用===比较时，===是严格运算符，由于严格运算符要考虑数据类型，所以0,null,undefined,[],’’,false之间都不是相等。 // null 不进行类型转换 console.log(null == false); // false console.cl
js中的null、 " "、0、undefined，你真的会用吗？
qq_39822451的博客
03-23 256
<script> alert(0 == ''); //true alert(0 == false); //true alert(false == ''); //true alert(null == undefined); //true alert(0 == undefined); //false alert(0 == null); //false alert(false == nul...
js中的特殊数值——NaN,+0,-0,Infinity,undefined,null
Meikongggg的博客
11-16 4557
一、不是值的值   1、null 和 undefined      null类型只有一个值，即null。 undefined类型也只有一个值，即undefined。两者既属于类型也是值。      null：空值，或者没有值；      undefined：没有定义的值，即从未赋过值；      其中null不是标识符，而undefined是一个标识符。所以可以当做变量来使用（在非严格模
null和undefined的区别？
一天一点进步
06-29 604
null是一个表示"无"的对象，转为数值时为0；undefined是一个表示"无"的原始值，转为数值时为NaN。 undefined： （1）变量被声明了，但没有赋值时，就等于undefined。 （2) 调用函数时，应该提供的参数没有提供，该参数等于undefined。 （3）对象没有赋值的属性，该属性的值为undefined。 （4）函数没有返回值时，默认返回un
前端js/ts的==和===
qq_38630270的博客
05-24 5300
1 === 1 //true 1 === '1' //false '1' === 1 //false '1' === '1' //true The comparison x == y, where x and y are values, produces true or false.” （翻译：相等运算符用于比较两个值，返回true或false。） ReturnIfAbrupt(x). ...
javascript之undefined、null和0之间的正确判断
wunanppi的博客
04-02 5507
一、判断undefined和null ①用是否为undefined或者null来判断： var exp1 = undefined; var exp2 = null; console.log(exp1 == undefined);//true console.log(exp2 == undefined);//true console.log(exp1 == null);//true conso...
Javascript中的undefined、null、““、0值和false的区别总结
wjbltxx的专栏
09-14 926
1、值的类型不同 typeof(undefined) == 'undefined' typeof(null) == 'object' typeof("") == 'string' typeof(0) == 'number' typeof(false) == 'boolean' 2、共同点：在if语句中做判断，都会执行false分支。当然从广义上来看，是说明这些数值都是其对应数据类型上的无效值或空值。还有这五个值作!运算，结果全为：true。 这几个值中也有不同，其中undefined和nu.
JS基础
yfm120750310的博客
08-27 337
JS基础JavaScript 类型及其判断typeofinstanceofObject.prototype.toStringconstructorJavaScript 类型及其转换JS中Number()、parseInt()和parseFloat()Number()parseInt()parseFloat( )JS中的NANNAN概念NAN的产生isNaNJavaScript 函数参数传递cannot read property of undefined 问题解决方案 JavaScript 类型及其判断 J
js 字符串 + 0.001
最新发布
04-26
<think>好的，我现在需要处理用户关于JavaScript中字符串与数字相加的问题，特别是涉及0.001的情况。用户想知道在这种情况下JavaScript的类型转换行为是怎样的。让我先理清楚这个问题。 首先，JavaScript中的加法运算符在处理不同类型的操作数时，会进行类型转换。根据ECMAScript规范，如果其中一个操作数是字符串，那么加法运算会将另一个操作数转换为字符串，然后进行拼接。比如，"5" + 3会得到"53"，而不是8。那用户的问题具体是当字符串和0.001相加时会发生什么转换呢？ 用户提到的情况可能有几种，比如"0.001" + 0.001或者"abc" + 0.001。我需要分别考虑这些情况。例如，如果字符串是有效的数字表示，比如"0.001"，那么当它与数字0.001相加时，JavaScript会将数字转换为字符串，然后拼接。这样结果应该是"0.0010.001"。但用户可能想知道数值相加还是字符串拼接，或者是否有隐式转换的问题。 另外，如果字符串无法转换为数字，比如"abc" + 0.001，这时候0.001会被转换为字符串"0.001"，然后拼接成"abc0.001"。这里需要注意的是，加法运算符在这种情况下不会尝试将字符串转换为数字，而是将数字转为字符串。 然后，我需要验证这些情况是否正确。比如测试一下"0.001" + 0.001的结果是否真的如预期。实际运行代码的话，比如在控制台输入console.log("0.001" + 0.001)，应该得到"0.0010.001"。而如果反过来是0.001 + "0.001"，结果也是一样的，因为加法运算符是从左到右进行的，当遇到字符串时会转换后续的操作数。 接下来，用户可能关心的是转换规则的具体细节。根据ECMAScript规范，加法运算符在运行时，首先对左右操作数进行ToPrimitive转换，然后检查类型。如果其中一个为字符串，则进行字符串拼接。否则，转换为数字相加。例如，null或undefined可能会被转换为数字，但如果是对象的话，会调用其valueOf或toString方法。 此外，用户提到的参考引用中，引用了关于数字精度的问题，比如在JavaScript中使用高精度数字时的问题。例如，当输入1.0000000000000001时，会被转换为1，因为JavaScript的数字是双精度浮点数，无法精确表示这个数值。这可能与用户的问题相关，因为如果字符串中包含这样的数值，转换为数字时会丢失精度，但作为字符串拼接则不会。 用户的问题还涉及字符串和数字的转换行为，尤其是在加法运算中的转换顺序。需要明确的是，加法运算符中只要有一个操作数是字符串，另一个就会被转换为字符串。例如，0.001 + "0.001"会变成字符串连接，而不是数值相加。所以结果会是"0.0010.001"而不是0.002。 为了确保正确，我需要确认这些转换规则，并可能引用ECMAScript的规范部分。例如，根据ES6规范，加法运算符的步骤中，会先进行左右操作数的GetValue，然后转换为原始值（ToPrimitive），然后如果任一类型是字符串，则进行字符串拼接，否则转换为数字相加。 同时，用户可能存在的误区是认为JavaScript会根据内容自动转换字符串为数字，比如认为"0.001"会被转换为数字然后相加，但实际上加法运算符在有字符串的情况下优先拼接。因此，用户需要明确知道类型转换的优先级。 总结一下，回答中需要涵盖以下几点： 1. JavaScript加法运算符的类型转换规则：字符串优先，导致数值转换为字符串。 2. 不同情况下的示例，比如有效数字字符串与非数字字符串与0.001相加的结果。 3. 精度问题，如参考引用中的例子，说明字符串在保持精度方面的优势。 4. 如何避免类型转换问题，例如显式转换类型后再进行运算。 此外，根据用户提供的引用，特别是引用[1]中提到的精度问题，可以建议用户在处理需要高精度的数值时，使用字符串类型传入，并在需要计算时使用适当的库如Decimal.js来避免精度丢失。这可能与用户的问题相关，尤其是在涉及小数相加时可能出现精度问题，但加法运算中的字符串拼接不会导致精度丢失，因为数值被转换为字符串了。 最后，生成相关问题需要考虑用户可能进一步的问题，比如如何强制转换为数值相加，或者如何处理混合类型的运算，以及相关的转换方法如Number()、parseFloat等。</think>在JavaScript中，字符串与数字的加法运算遵循特定的类型转换规则。以下是详细分析： ### 一、基本规则 当运算符`+`两侧包含字符串时，**优先执行字符串拼接**。具体行为如下： 1. 若任意操作数为字符串，则将另一个操作数转换为字符串后拼接 2. 若均为数值，则执行算术加法 示例代码： ```javascript console.log("0.001" + 0.001); // 输出"0.0010.001" console.log(0.001 + "0.001"); // 输出"0.0010.001"（运算顺序不影响结果） ``` ### 二、特殊案例解析 | 输入表达式 | 转换过程 | 输出结果 | |---------------------|-----------------------------|-----------------------| | `"abc" + 0.001` | 数字0.001转为字符串后拼接 | "abc0.001" | | `"1e-3" + 0.001` | 数字0.001转为字符串后拼接 | "0.0010.001" | | `null + "0.001"` | null转为"null"后拼接 | "null0.001" | | `undefined + 0.001` | undefined转为数字NaN后算术加 | NaN | ### 三、精度问题注意 当涉及高精度小数时，JavaScript的数值类型（双精度浮点数）可能丢失精度： ```javascript console.log(0.1 + 0.2); // 输出0.30000000000000004 ``` 若需要保留完整精度，**建议将数值保持为字符串**，使用专门库（如`decimal.js`）处理运算[^1]。 ### 四、强制类型转换方法 若需执行数值加法，需**显式转换类型**： ```javascript // 方法1：使用Number()转换 console.log(Number("0.001") + 0.001); // 输出0.002 // 方法2：使用一元加号运算符 console.log(+"0.001" + 0.001); // 输出0.002 // 方法3：parseFloat转换（更安全） console.log(parseFloat("0.001a") + 0.001); // 输出NaN（遇到非数字字符终止） ``` ### 五、总结流程图 $$ \begin{array}{ccc} \text{操作数A} + \text{操作数B} & \rightarrow & \text{检查类型} \\ & \downarrow_{\text{存在字符串}} & \rightarrow \text{字符串拼接} \\ & \downarrow_{\text{均为数值}} & \rightarrow \text{算术加法} \\ \end{array} $$
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值