jQuery过滤特殊字符及JS字符串转为数字


Posted in Javascript onMay 26, 2016

//替换特殊字符

$(this).val($(this).val().replace(/[~'!<>@#$%^&*()-+_=:]/g, ""));

方法主要有三种

转换函数、强制类型转换、利用js变量弱类型转换。

1. 转换函数:

js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数,后者把值转换成浮点数。只有对String类型调用这些方法,这两个函数才能正确运行;对其他类型返回的都是NaN(Not a Number)。

一些示例如下:

parseInt("1234blue"); //returns 1234
parseInt("0xA"); //returns 10
parseInt("22.5"); //returns 22
parseInt("blue"); //returns NaN

parseInt()方法还有基模式,可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。基是由parseInt()方法的第二个参数指定的,示例如下:

parseInt("AF", 16); //returns 175
parseInt("10", 2); //returns 2
parseInt("10", 8); //returns 8
parseInt("10", 10); //returns 10

如果十进制数包含前导0,那么最好采用基数10,这样才不会意外地得到八进制的值。例如:

parseInt("010"); //returns 8
parseInt("010", 8); //returns 8
parseInt("010", 10); //returns 10

parseFloat()方法与parseInt()方法的处理方式相似。

使用parseFloat()方法的另一不同之处在于,字符串必须以十进制形式表示浮点数,parseFloat()没有基模式。

下面是使用parseFloat()方法的示例:

parseFloat("1234blue"); //returns 1234.0
parseFloat("0xA"); //returns NaN
parseFloat("22.5"); //returns 22.5
parseFloat("22.34.5"); //returns 22.34
parseFloat("0908"); //returns 908
parseFloat("blue"); //returns NaN

2. 强制类型转换

还可使用强制类型转换(type casting)处理转换值的类型。使用强制类型转换可以访问特定的值,即使它是另一种类型的。

ECMAScript中可用的3种强制类型转换如下:

Boolean(value)——把给定的值转换成Boolean型;

Number(value)——把给定的值转换成数字(可以是整数或浮点数);

String(value)——把给定的值转换成字符串。

用这三个函数之一转换值,将创建一个新值,存放由原始值直接转换成的值。这会造成意想不到的后果。

当要转换的值是至少有一个字符的字符串、非0数字或对象(下一节将讨论这一点)时,Boolean()函数将返回true。如果该值是空字符串、数字0、undefined或null,它将返回false。

可以用下面的代码段测试Boolean型的强制类型转换。

Boolean(""); //false ? empty string
Boolean("hi"); //true ? non-empty string
Boolean(100); //true ? non-zero number
Boolean(null); //false - null
Boolean(0); //false - zero
Boolean(new Object()); //true ? object

Number()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似,只是它转换的是整个值,而不是部分值。示例如下:

法 结


Number(false) 0
Number(true) 1
Number(undefined) NaN
Number(null) 0
Number( "5.5 ") 5.5
Number( "56 ") 56
Number( "5.6.7 ") NaN
Number(new Object()) NaN
Number(100) 100

最后一种强制类型转换方法String()是最简单的,示例如下:

var s1 = String(null); //"null"
var oNull = null;
var s2 = oNull.toString(); //won't work, causes an error

3. 利用js变量弱类型转换

举个小例子,一看,就会明白了。

<script>
var str= '012.345 ';
var x = str-0;
x = x*1;
</script>

上例利用了js的弱类型的特点,只进行了算术运算,实现了字符串到数字的类型转换,不过这个方法还是不推荐的。

Javascript 相关文章推荐
40款非常有用的 jQuery 插件推荐(系列一)
Dec 21 Javascript
Js判断参数(String,Array,Object)是否为undefined或者值为空
Nov 04 Javascript
js 剪切板应用clipboardData详细解析
Dec 17 Javascript
解决jquery中美元符号命名冲突问题
Jan 08 Javascript
超级好用的jQuery圆角插件 Corner速成
Aug 31 Javascript
浅谈JS中的bind方法与函数柯里化
Aug 10 Javascript
AngularJS中run方法的巧妙运用
Jan 04 Javascript
gulp加批处理(.bat)实现ng多应用一键自动化构建
Feb 16 Javascript
利用纯js + transition动画实现移动端web轮播图详解
Sep 10 Javascript
详解JS构造函数中this和return
Sep 16 Javascript
Vue.js实现tab切换效果
Jul 24 Javascript
vue用elementui写form表单时,在label里添加空格操作
Aug 13 Javascript
Bootstrap自定义文件上传下载样式
May 26 #Javascript
jQuery控制文本框只能输入数字和字母及使用方法
May 26 #Javascript
JavaScript中0和&quot;&quot;比较引发的问题
May 26 #Javascript
Jquery实现select multiple左右添加和删除功能的简单实例
May 26 #Javascript
怎么引入(调用)一个JS文件
May 26 #Javascript
JS加载器如何动态加载外部js文件
May 26 #Javascript
jquery获取复选框的值的简单实例
May 26 #Javascript
You might like
WML,Apache,和 PHP 的介绍
2006/10/09 PHP
PHP中的生成XML文件的4种方法分享
2012/10/06 PHP
PHP Cookie的使用教程详解
2013/06/03 PHP
解析PHP函数array_flip()在重复数组元素删除中的作用
2013/06/27 PHP
CodeIgniter使用smtp服务发送html邮件的方法
2015/06/10 PHP
Nigma vs Liquid BO3 第一场2.14
2021/03/10 DOTA
nicejforms——美化表单不用愁
2007/02/20 Javascript
提高网站信任度的技巧
2008/10/17 Javascript
javascript showModalDialog 多层模态窗口实现页面提交及刷新的代码
2009/11/28 Javascript
javascript 面向对象 function类
2010/05/13 Javascript
js弹出层永远居中实现思路及代码
2013/11/29 Javascript
纯HTML5制作围住神经猫游戏-附源码下载
2015/08/23 Javascript
Bootstrap每天必学之表格
2015/11/23 Javascript
js删除局部变量的实现方法
2016/06/25 Javascript
JS 动态加载js文件和css文件 同步/异步的两种简单方式
2016/09/23 Javascript
JavaScript限制在客户区可见范围的拖拽(解决scrollLeft和scrollTop的问题)(2)
2017/05/17 Javascript
JS表单传值和URL编码转换
2018/03/03 Javascript
微信小程序使用gitee进行版本管理
2018/09/20 Javascript
使用layer模态框给新页面传值的方法
2019/09/27 Javascript
ant design实现圈选功能
2019/12/17 Javascript
深入理解redux之compose的具体应用
2020/01/12 Javascript
Javascript中Math.max和Math.max.apply的区别和用法详解
2020/08/24 Javascript
Vue实现todo应用的示例
2021/02/20 Vue.js
[44:33]EG vs Liquid 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
[06:07]DOTA2-DPC中国联赛 正赛 Ehome vs VG 选手采访
2021/03/11 DOTA
Python 的类、继承和多态详解
2017/07/16 Python
Python之Scrapy爬虫框架安装及使用详解
2017/11/16 Python
Django model序列化为json的方法示例
2018/10/16 Python
详解python--模拟轮盘抽奖游戏
2019/04/12 Python
台湾百利市购物中心:e-Payless
2017/08/16 全球购物
环境工程专业个人求职信
2013/12/05 职场文书
欢迎横幅标语
2014/06/17 职场文书
中小学校园安全广播稿
2014/09/29 职场文书
Pytorch distributed 多卡并行载入模型操作
2021/06/05 Python
mysql 联合索引生效的条件及索引失效的条件
2021/11/20 MySQL
Python学习之异常中的finally使用详解
2022/03/16 Python