浅谈JS 数字和字符串之间相互转化的纠纷


Posted in Javascript onOctober 20, 2017

字符串转数字

1 parseInt() 函数

parseInt() 函数从string的开始解析,返回一个整数
parseInt('123') : 返回 123;
parseInt('1234xxx') : 返回 1234;
parseInt('123.456') : 返回 123;
parseInt('1 2 3') : 返回 1;字符串的情况,自会返回第一个数
parseInt('bb cc 12') : 返回 NaN;字符串第一个不是数,返回nan
parseInt('123' 321) : 返回 321;
parseInt("AF", 16); 返回 175;会自动把二进制十六进制八进制的转化成数字

如果解析不到数字,则将返回一个NaN的值,可以用isNaN()函数来检测;

parseFloat()只会返回小数

2 字符前加“+”

var n =+"123":返回 123

3 字符加“*”

var n ="123"*1:返回 123

4 字符串数组分割增加

var arr = str.split(",") 一个字符串组,用,都分割成多个
b = a.join("-");-是指定的分割符,可以随意,将数组转化成一个字符串

5 字符串和数字相加返回字符串

console.log(12+"12"):返回"1212"
console.log('12' + '34')返回'1234'
console.log('12' + 34 ) 返回'1234'
console.log(12 + '34'')返回1234'
console.log(12 + 34 ) 返回46

6 当字符串和多个数字相加,用括号扩起来

("<img src='images/" + 2 + 1 + ".jpg'>") 返回("<img src='images/" + 21 + ".jpg'>")

如果想转成3

("<img src='images/" + (2+1)+ ".jpg'>") 返回("<img src='images/" + 3 + ".jpg'>")

如果前面是数字相加,则可以先把数字加起来

var a = 10 + 20 + 'abc' + 'cd'; 返回a的值为:30abccd

7eval()如果想进行字符串的运算

eval("x=10;y=20;document.write(x*y)")    返回200
document.write(eval("2+2"))

返回4
var x=10
document.write(eval(x+17)

返回27

数字转字符串

1 tostring()

n = 100
x = n.toString() => "100"或是(100)toString()  //tostring(2/16/8)还可以实现进制的转化

2 数字+任意字符串“”

var n = 1234;
var nn = 1234+""

-------------------------------------------------

关于字符串

判断字符串是否包含 包含返回下标 不包含返回-1

var i = str.indexOf("x")

最后一次下标的字符串的字符串

var i = str .lastIndexOf("")

转化大小写

str.toUpperCase() 转大写

str.tolowerCase() 转小写

截取字符串 字符串.substr("从哪开始","截取几个")

str.substr(0,5)
<body>

以上这篇浅谈JS 数字和字符串之间相互转化的纠纷就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JQuery扩展插件Validate—6 radio、checkbox、select的验证
Sep 05 Javascript
基于JavaScript制作霓虹灯文字 代码 特效
Sep 01 Javascript
跟我学习javascript的函数调用和构造函数调用
Nov 16 Javascript
谈谈encodeURI和encodeURIComponent以及escape的区别与应用
Nov 24 Javascript
jquery判断类型是不是number类型的实例代码
Oct 07 Javascript
javascript数组去重常用方法实例分析
Apr 11 Javascript
Angular2 父子组件通信方式的示例
Jan 29 Javascript
Vue.directive 自定义指令的问题小结
Mar 04 Javascript
JS实现网站吸顶条
Jan 08 Javascript
vue实现带过渡效果的下拉菜单功能
Feb 19 Javascript
JavaScript实现Tab标签页切换的最简便方式(4种)
Jun 28 Javascript
解决vue项目获取dom元素宽高总是不准确问题
Jul 29 Javascript
phantomjs导出html到pdf的方法总结
Oct 19 #Javascript
vue2.0设置proxyTable使用axios进行跨域请求的方法
Oct 19 #Javascript
vue resource post请求时遇到的坑
Oct 19 #Javascript
vue Element-ui input 远程搜索与修改建议显示模版的示例代码
Oct 19 #Javascript
JavaScript适配器模式详解
Oct 19 #Javascript
JavaScript门面模式详解
Oct 19 #Javascript
vue+Java后端进行调试时解决跨域问题的方式
Oct 19 #Javascript
You might like
php上的memcache和memcached两个pecl库
2010/03/29 PHP
php操作xml入门之xml基本介绍及xml标签元素
2015/01/23 PHP
深入解析WordPress中加载模板的get_template_part函数
2016/01/11 PHP
关于PHP文件的自动运行方法分析
2016/05/13 PHP
php打乱数组二维数组多维数组的简单实例
2016/06/17 PHP
php基于dom实现的图书xml格式数据示例
2017/02/03 PHP
jQuery实现设置、移除文本框默认值功能
2015/01/13 Javascript
js获取域名的方法
2015/01/27 Javascript
使用Chrome浏览器调试AngularJS应用的方法
2015/06/18 Javascript
javascript删除数组重复元素的方法汇总
2015/06/24 Javascript
JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法
2015/07/01 Javascript
Bootstrap入门书籍之(一)排版
2016/02/17 Javascript
JavaScript中自带的 reduce()方法使用示例详解
2016/08/10 Javascript
JS实现可编辑的后台管理菜单功能【附demo源码下载】
2016/09/13 Javascript
详解vue-router 路由元信息
2017/09/13 Javascript
jQuery实现动态加载瀑布流
2020/09/01 jQuery
Ant Design moment对象和字符串之间的相互转化教程
2020/10/27 Javascript
echarts饼图各个板块之间的空隙如何实现
2020/12/01 Javascript
[02:20]DOTA2亚洲邀请赛 IG战队出场宣传片
2015/02/07 DOTA
python对字典进行排序实例
2014/09/25 Python
python图像处理之反色实现方法
2015/05/30 Python
Python+django实现文件上传
2016/01/17 Python
实例解析Python设计模式编程之桥接模式的运用
2016/03/02 Python
Python对文件和目录进行操作的方法(file对象/os/os.path/shutil 模块)
2017/05/08 Python
python中协程实现TCP连接的实例分析
2018/10/14 Python
代码总结Python2 和 Python3 字符串的区别
2020/01/28 Python
css3实现圆锥渐变conic-gradient效果
2020/02/12 HTML / CSS
建筑设计师岗位职责
2013/11/18 职场文书
客房主管岗位职责
2013/12/09 职场文书
中学教师自我鉴定
2014/02/07 职场文书
挂职自我鉴定
2014/02/26 职场文书
银行领导班子四风对照检查材料
2014/09/27 职场文书
2014年统战工作总结
2014/12/09 职场文书
小学教学工作总结2015
2015/05/13 职场文书
uwsgi+nginx代理Django无法访问静态资源的解决
2021/05/10 Servers
浅谈CSS不规则边框的生成方案
2021/05/25 HTML / CSS