JavaScript小技巧揭秘：字符串变数字，jQuery操作so easy!

介绍

听说过吗？JavaScript中的数字和字符串是两个东西！在处理 jQuery 的表格单据数据或属性这类事情时，得先把那些字符串搞成真正的数字才能发挥作用。那这怎么搞定？别着急，今天的这篇文章就是来教你怎样轻松玩转 jQuery，解决这个小难题的哟。

使用JavaScript的parseInt()函数

var str = "123";
var num = parseInt(str);
console.log(num); // 输出 123

说实话，JavaScript里面就有个parseInt()函数，专门用来把字符串变成数字。操作起来可简单了，只要把字符串丢进去，马上就能得到整数结果。而这种小技巧在jQuery里也是一样可用，要让字符立马变数字，简直轻轻松松。给大家举个实际应用场景，比如你想让表格里的输入框变成带算数功能的数值，只需用parseInt()简简单单搞定！

使用JavaScript的parseFloat()函数

var num = parseInt($('#input').val());

想要把字符串变成浮点数怎么办？简单！用parseFloat就行！无论是啥样的字符串，它总能给你搞出个浮点数来。但是咱们得小心点儿这招儿只能对付十进制的浮点数字符串，别的符号串可能得出“没有”(NaN)这种结果。

使用加号运算符

说到解决问题，简单说就是问题两边加个点就搞定！这种方法超好用的，无论是字符串变量或者字符串常量，你甚至可以在jQuery代码里随便用。当然别忘记如果里面有非数字符号的话，那结果可就成”NaN”了呦~

var str = "3.14";
var num = parseFloat(str);
console.log(num); // 输出 3.14

其他注意事项

搞文件格式转换可得小心点儿！比如说，如果你要处理那些带着特殊符号和空格的句子，那可能会有点棘手。此外，如果你要处理大量数据，那效率可得高着！最后，记得在处理你们自己填写的内容时，一定别忘了检查安全性哟~

选择合适的方法

var num = parseFloat($('#input').val());

搞定数字问题得找到方法！遇到困难？试试parseInt();出现小数咋办？用parseFloat()就能解决。如果只是单纯的数字咋整？自制个公式乘以相加即可，简简单单。

应用场景

每天都要搞定把字串变数字的事，像算工资，清点人数，还有上网上翻表格什么的。懂了这个就方便多了，工作起来轻松多了。不但能省时间，还能防错，很有效地提高工作效率！

总结

你知道这是啥吗？jQuery其实就是JavaSctipt的简化版。这个东西怎么用？先搞清楚parseInt()和parseFloat()两个方法，再来个”+”号运算符，搞定数字就轻松多了！学会后，你还会发现这招在jQuery里面真心好用哇~当然具体怎么用还要看你个人需要别的国家的办法可不一定适合我们，我们要有自己的思路！

var str = "100";
var num = +str;
console.log(num); // 输出 100