JavaScript数字和字符串转换示例

 更新时间:2014年03月26日 11:29:03   作者:  
这篇文章主要介绍了JavaScript数字和字符串转换的应用,需要的朋友可以参考下
1. 数字转换为字符串

a. 要把一个数字转换为字符串,只要给它添加一个空的字符串即可:
复制代码 代码如下:

var n = 100;
var n_as_string = n + "";

b. 要让数字更加显式地转换为字符串,可以使用String()函数:
复制代码 代码如下:

var string_value = String(number);

c. 使用toString()方法:
复制代码 代码如下:

string_value = number.toString();

Number对象的(基本的数字转换为Number对象,以便可以调用这个方法)toString()方法有一个可选的参数,该参数用来指定转换的基数。如果不指定这个参数,转换会以10为基数进行。然而,也可以按照其他的基数(2到36之间的数)来转换数字。
例如:
复制代码 代码如下:

var n = 17;
binary_string = n.toString(2); // Evaluates to "10001"
octal_string = "0" + n.toString(8); // Evaluates to "021"
hex_string = "0x" + n.toString(16); // Evaluates to "0x11"

d. toFixed()方法把一个数字转换为字符串,并且显示小数点后的指定的位数。它不使用指数表示法。
复制代码 代码如下:

var n = 123456.789;
n.toFixed(0); // "123457"
n.toFixed(1); // "123456.79"

e. toExponential()使用指数表示法把一个数字转换为字符串,小数点前面有1位数,而小数点后面有特定的位数。
复制代码 代码如下:

var n = 123456.789;
n.toExponential(1); // "1.2e+5"
n.toExponential(3); // "1.235e+5"

f. toPrecision()使用指定的有意义的位数来显示一个数字,如果有意义的位数还不够显示数字的整个整数部分,它就使用指数表示法。
复制代码 代码如下:

var n = 123456.789;
n.toPrecision(4); // "1.235e+5"
n.toPrecision(7); // "123456.8"

2. 字符串转换为数字

a. 将一个字符串转换为数字的一种缺少些技巧但是很清楚明白的方法就是:把Number()构造函数作为一个函数来调用:
复制代码 代码如下:

var number = Number(string_value);

b. parseInt()只截取整数,如果一个字符串以"0x"或"0X"开头,parseInt()将其解析成为一个十六进制的数字,parseInt()甚至可以接受一个参数来指定要解析的数字的基数,合法的值在2到36之间。
复制代码 代码如下:

parseInt("3 blind mice"); // Returns 3
parseInt("12.34"); // Returns 12
parseInt("0xFF"); // Returns 255
parseInt("11", 2); // Returns 3 (1 * 2 + 1)
parseInt("ff", 16); // Returns 255 (15 * 16 + 15)
parseInt("zz", 36); // Returns 1295 (35 * 36 + 35)
parseInt("077", 8); // Returns 63 (7 * 8 + 7)
parseInt("077", 10); // Returns 77 (7 * 10 + 7)

c. parseFloat()截取整数和浮点数。
复制代码 代码如下:

parseFloat("3.14 meters"); // Returns 3.14

d. 如果parseInt()和parseFloat()不能够把指定的字符串转换为数字,它们就会返回NaN:
复制代码 代码如下:

parseInt(''eleven"); // Returns Nan
parseFloat("$72.47"); // Returns NaN

3 JavaScript取整的方法

a.丢弃小数部分,保留整数部分
parseInt(5/2)

b.向上取整,有小数就整数部分加1

Math.ceil(5/2)

c.向下取整

Math.floor(5/2)

d.四舍五入

Math.round(5/2)

相关文章

  • Javascript将字符串日期格式化为yyyy-mm-dd的方法

    Javascript将字符串日期格式化为yyyy-mm-dd的方法

    日期格式化相信对于大家来说再熟悉不过,最近工作中自己利用Javascript就写了一个,现在将实现的代码分享给大家,希望对有需要的朋友们能有所帮助,感兴趣的朋友们下面来一起看看吧。
    2016-10-10
  • 基于JavaScript实现留言板功能

    基于JavaScript实现留言板功能

    这篇文章主要为大家详细介绍了基于JavaScript实现留言板功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • javascript性能优化之事件委托实例详解

    javascript性能优化之事件委托实例详解

    这篇文章主要介绍了javascript性能优化之事件委托用法,结合实例形式对比分析了JavaScript中事件委托的具体用法与优点,需要的朋友可以参考下
    2015-12-12
  • JavaScript中切割截取字符串的7种方法

    JavaScript中切割截取字符串的7种方法

    在开发中常常会需要截取字符串,而 JavaScript 提供了很多种方法实现截取操作,本文主要介绍了JavaScript中切割截取字符串的7种方法,感兴趣的可以了解一下
    2024-02-02
  • 解读TypeScript与JavaScript的区别

    解读TypeScript与JavaScript的区别

    这篇文章主要介绍了TypeScript与JavaScript的区别及说明,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-12-12
  • JS右下角广告窗口代码(可收缩、展开及关闭)

    JS右下角广告窗口代码(可收缩、展开及关闭)

    这篇文章主要介绍了JS右下角广告窗口代码,具有浮动显示、可收缩、展开及关闭等功能,涉及javascript针对页面元素属性操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • js 排序动画模拟 冒泡排序

    js 排序动画模拟 冒泡排序

    在js中,想让线程sleep一下确实不是一件简单的事情,过多的使用定时器或者回调函数,会让复杂,凌乱,这时,可以考虑能否使用队列来做一些简
    2012-07-07
  • 浅谈TypeScript的类型保护机制

    浅谈TypeScript的类型保护机制

    这篇文章主要介绍了浅谈TypeScript的类型保护机制,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-02-02
  • JavaScript 高仿真可控弹簧振子实现代码

    JavaScript 高仿真可控弹簧振子实现代码

    我刚学JavaScript ,看见一些牛人写了许多特效,我也花了一天写了一个弹簧振子,完全独创,没有借鉴任何人的代码.
    2009-10-10
  • javascript实现发送短信验证码案例

    javascript实现发送短信验证码案例

    这篇文章主要为大家详细介绍了javascript实现发送短信验证码案例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07

最新评论