js中拼接字符串莫名出现NAN

最新推荐文章于 2021-06-25 03:47:55 发布
最新推荐文章于 2021-06-25 03:47:55 发布
阅读量2.8k 收藏
点赞数 1
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42002651/article/details/104437295
版权

今天在写一个电影上拉菜单加载更多数据时，遇到一个bug，网络怎么也连不通，debugger后发现网址在拼接的时候变成了NAN类型数据

出错情况：

在这里插入图片描述

解决方法：

如果使用+号来进行字符串拼接时，尽量不要在拼接时计算，这里js会把加号理解为“不改变正负号”的一元运算符，而不是你想要的“字符串连接”的二元运算符。所以这里js会隐式的帮你把前面的字符串转成数字类型,也就是NaN。

所以使用+号进行字符串拼接时，务必不要把计算放在里面！！！

Horizon~
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS去掉字符串中所有的逗号
11-30
1、去掉所有字符串里面所有的逗号,eg:123,111,222.00——123111222.00 function clear(str) { str = str.replace(/,/g, "");//取消字符串中出现的所有逗号 return str; } 2、判断不是数字的 isNaN 函数 isNaN(expression:Object) : Boolean 计算参数，如果值为 NaN（非数字），则返回 true。此函数可用于检查一个数学表达式是否成功地计算为一个数字。 可用性：Flash Player 5；ActionScript 1.0 参数 expression:Object –
JavaScript 出现 NaN 的情况大总结
weixin_41171651的博客
10-03 332
[转载]JavaScript 出现 NaN 的情况大总结
JavaScript数值类型中的NaN
ab_dk的博客
03-15 395
NaN的定义 NaN，全称：NaN not a number 可以理解为不是一个数值 NaN 表示存储的数据的数据类型,不是一个数值,如果有非数值参与计算,结果就是 NaN 两个变量中存储的数据,都不是数值，执行结果就是NaN var str1 = ‘今天’; var str2 = ‘明天’; var res = str1 - str2; console.log(res1); 两个变量中存储...
JavaScript中的NaN
qq_43519806的博客
03-14 1978
本文主要介绍NaN是什么？ NaN == NaN 的结果是什么?为什么? 一、NaN是什么 NaN 是代表非数字值的特殊值，该属性用于指示某个值不是数字。NaN虽然表示是一个非数字 , 但是一般是算术运算执行的结果,因此NaN 仍然是数值类型。 如果有非数值参与计算,结果就是 NaN。 二、NaN详解 1. <script> var str1 = '你好'; var s...
JS之 NaN
u013386919的博客
03-16 258
在JavaScript中，number数据类型中包括数字和NaN。 NaN，not a number，表示不是一个数字。它的数据类型为number。 console.log(typeof(NaN)); //结果 number 数据类型转换： 值 布尔值 false 字符串 ‘NaN’ NaN == NaN ？？？ NaN == NaN 的结果是fa...
解决bootstrap-table页码为【全部】汉字的时候出现NaN的解决办法
weixin_41965172的博客
02-22 937
先来看页面 点击全部报错NaN 下面是解决办法 首先在Content\static\bootstrap-table\locale\bootstrap-table-zh-CN.js文件里加入如下代码： $.fn.bootstrapTable.locales['zh-CN'] = { formatLoadingMessage: function () { ...
JS中出现NaN问题怎么解决？
赣州博讯科技工作室的博客
07-06 53
JS中出现NaN问题怎么解决？
拼接html 多出nan,字符串拼接引发的BUG
weixin_39968490的博客
06-25 418
译者按： bug虽小，却是个磨人的小妖精！为了保证可读性，本文采用意译而非直译。另外，本文版权归原作者所有，翻译仅用于学习。这是一篇很简短的博客，记录了我今天早上花了一个小时才解掉的一个bug。准备工作在已有的网站页面，我们已经有一段JavaScript代码用于构建字符串并把它插入到DOM中，如下所示：function GetTemplate(url, html){// 省掉部分细节代码// .....
js中出现NaN解决方案
True_Rain
01-11 3万+
问题：字符串与数字类型转换过程中出现问题 解决：使用Number()，进行强制类型转换, 也可以用：parseFloat()  parseInt() 我自己一个去小数点的代码：   function panduanAREA(mingcheng, canhsu, danwei) { var dayin; if (canhsu !== " " &amp;&a...
JS中的NaN
热门推荐
码飞_CC的博客
09-23 5万+
JavaScript中，NaN是一个特殊的数字值（typeof NaN的结果为number），是not a number的缩写，表示不是一个合法的数字。 1. NaN的产生： 一个不能被解析的数字 Number('abc') // NaN Number(undefined) // NaN 失败的操作 Math.log(-1) // NaN Math.sqrt(-1) // NaN Mat...
javascript中数组和字符串的方法对比
12-11
ECMAScript5定义了一种访问字符的方法，使用方括号加数字索引来访问字符串中的特定字符 可索引的字符串的最大的好处就是简单，用方括号代替了charAt()调用，这样更加简洁、可读并且可能更高效。不仅如此，字符串的...
javaScript 判断字符串是否为数字的简单方法
10-29
javascript在通过parseIn或parseFloat将字符串转化为数字的过程中，如果字符串中包含有非数字，那么将会返回NaN，参考下面代码
js 字符串转化成数字的代码
12-08
方法主要有三种 转换函数、强制类型转换、利用js变量弱类型转换。 1. 转换函数： js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个...
JS实现的字符串数组去重功能小结
12-11
本文实例讲述了JS实现的字符串数组去重功能。分享给大家供大家参考，具体如下： 这里只考虑最简单字符串的数组去重，暂不考虑，对象，函数，NaN等情况，这种用正则实现起来就吃力不讨好了。 非正则实现：ES6实现 ...
infrared-remote-candroid studiodemo
05-05
android studio下载
【新质生产力】新质生产力赋能智能制造数字化解决方案.pptx
05-05
【新质生产力】新质生产力赋能智能制造数字化解决方案.pptx
基于matlab实现的用于应用布格重力异常数据反演地下异常密度体.rar
05-05
基于matlab实现的用于应用布格重力异常数据反演地下异常密度体.rar
node-v8.10.0-linux-x64.tar.xz
最新发布
05-05
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
js中字符串转number
06-04
在JavaScript中，可以使用parseInt()和parseFloat()函数将字符串转换为数字类型。 parseInt()函数用于将字符串转换为整数类型，例如： ```javascript let num1 = parseInt("123"); // num1的值为123 let num2 = parseInt("123.45"); // num2的值为123 ``` 注意，parseInt()函数会自动舍去小数部分，如果字符串无法转换为数字类型，则返回NaN。 parseFloat()函数用于将字符串转换为浮点数类型，例如： ```javascript let num3 = parseFloat("123.45"); // num3的值为123.45 let num4 = parseFloat("123"); // num4的值为123 ``` 需要注意的是，parseFloat()函数只能转换十进制数，如果字符串包含其他进制的数，则会返回NaN。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值