js 中常用的 number string 互转整理

原生js 专栏收录该内容
2 篇文章 0 订阅

欢迎交流,互相学习

首先是 number 转 string

  1. 这里直接返回了一个string类型,这个比较单调,没有一些特殊用法
    	var num = 123;
    	var str  = String(num);
    
  2. 这里介绍Number对象中的方法,用起来比较灵活
    toString()方法,toFixed()方法
  • toString()
    		var num = 123;
    		var str = num.toString(radix);
    		// redix参数表示可以将该num进行一次进制转换再转成string
    		// 比如redix是2 那么str就是先转成了二进制再转成了string类型
    
  • toFixed()
    		var num = 123.99;
    		var str = num.toFixed(float);
    		// float参数表示将该num精确到的位数
    		// 比如float为 1 那么str的值就是"123.9"
    
  1. 还有一种我比较喜欢的简单的方法,就是通过运算符 “+”,效果和String()一样
    var num = 123;
    var str = num+"";
    // 这里做了加法 内部之间帮忙吧num转成了string再进行组合,写起来比较方便
    

之后是 string 转 number

  1. 第一种仍然是直接用Number() 包起来
	var str = 	"123";
	var num = Number(str)
	// 注意:这个方法不允许str里面出现任何其他字符 如空格字母符号等等
	//出现非法字符返回值一定是 NaN
  1. 第二中方式是使用全局函数parseInt()parseFloat()
  • parseInt()
	var str = "12qw12e";
	var num = parseInt(str);
	// 这里输出的是num 是12 
	//因为这个方法识别到非法字符后面的就全部省略了
	// 注意点:	这个方法会忽略string前面所有的空格,所以前面加多少空格都会检索到后面的内容
	// 			这个方法中,小数点“.”被认为是非法字符
	//			这个方法用在获取HTML中的大小参数很有用(10px, 20em,20%等)
//	parseInt() 方法中还可以传入额外的一个参数用来进制转换,如:
	var num = parseInt(str,2);
	//就被转换成了二进制
  • parseFloat()
	// parseFloat 方法和用来转浮点数,与parseInt() 不同的地方就是 他把第一次出现的小数点解析成了合法字符(再次出现仍然判断为非法字符),其他用法一样(不建议进行进制转换)
  1. 当然也有用运算符的方法,效果和Number()一样
	var str = "123";
	var num = +str;// 取他本身 123
		num = -str;// 取他相反数 -123

这个博主写的比较详细,可以参考一下,点击查看

  • 1
    点赞
  • 0
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值