JavaScript中number转换成string介绍_javascript技巧

在JavaScript的值类型转换中,最常发生的就是string与number这两种类型值之间的相互转换。

可以通过调用number值的4个函数(事实上,是JS将number值自动转化为Number对象后,Number类的4个函数)来将其转换成string:

1.toString()。
2.toFixed()。
3.toExponential()。
4.toPrecision()。

toString()

可以在number值上调用toString()方法来将其转换成字符串。toString()函数接受一个2到36之间的正整数作为参数,其作用为定义数值的进制数;如果该参数缺失,那么toString()函数就以10进制来表示相应的数值。

复制代码 代码如下:

var a = 42;
console.log(a.toString(2));//101010
console.log(a.toString());//42
console.log("0x" + a.toString(16));//0x2a

var b = 0xff;
console.log(b.toString());//255

toFixed()

toFixed()函数接受一个整数作为参数,参数作用为指定小数点后的精确位数。toFixed()函数所接受的参数还可以是负数(虽然使用情况较少),当参数为负数时,数值的整数部分将损失精度。在使用toFixed()函数对数值进行调整时,JavaScript遵循的是四舍五入的原则。

复制代码 代码如下:

var x = 17.38;
console.log(x.toFixed(0));//17
console.log(x.toFixed(1));//17.4
console.log(x.toFixed(4));//17.380
console.log(x.toFixed(-1));//20

toExponential()

可以使用toExponential()函数来将数值转换成用科学计数法来表示。toExponential()函数接受一个非负整数为参数(如果此参数为负数,则抛出RangeError),作为科学计数法的精度。与toFixed()函数一样,toExponential()函数对数值进行调整时遵循四舍五入原则。

复制代码 代码如下:

var y = 17951.38596
console.log(y.toExponential(1));//1.8e+4
console.log(y.toExponential(0));//2e+4

toPrecision()

toPrecision()函数接受一个正整数作为参数(如果参数为0或者负数,程序将抛出RangeError),并将其作为数值的精确位数(包括整数部分和小数部分在内),如果该精确位数小于数值的整数部分位数,那么数值将转换成用科学计数法来表示。与toFixed()函数一样,toPrecision()函数对数值进行调整时遵循四舍五入原则。

复制代码 代码如下:

var z = 17951.38596;
console.log(z.toPrecision(8));
console.log(z.toPrecision(3));

时间: 2024-09-12 13:52:17

JavaScript中number转换成string介绍_javascript技巧的相关文章

详解JavaScript中的Unescape()和String() 函数_javascript技巧

JavaScript中的Unescape()和String() 函数详解,具体内容如下所示: 定义和用法 JavaScript unescape() 函数可对通过 escape() 编码的字符串进行解码. 语法 unescape(string) 参数 描述 string 必需.要解码或反转义的字符串. 返回值 string 被解码后的一个副本. 说明 该函数的工作原理是这样的:通过找到形式为 %xx 和 %uxxxx 的字符序列(x 表示十六进制的数字),用 Unicode 字符 \u00xx

JavaScript中setter和getter方法介绍_javascript技巧

javascript中的setter.getter是平时接触比较少的方法,其本身也并不是标准方法,只在非ie浏览器里支持(ie内核也许有其他方法可以做到呢?暂时不知其解),但是加以利用可以做许多事情,比如: 1.对数据的访问限制: a.value是对value变量的getter方法调用,如果在getter方法实现中抛出异常,可以阻止对value变量的访问 2.对dom变量进行监听: window.name是一个跨域非常好用的dom属性(大名鼎鼎,详见百度),如果覆盖window.name的set

JavaScript中的Primitive对象封装介绍_javascript技巧

JavaScript中,string.number.boolean均为primitive基本类型,也即字符串.数值.布尔值并不是以对象的形式而存在的.不过,由于需要对这三种primitive类型值进行操作,因此JavaScript会自动封装这三种类型的值,使其作为对象而拥有属性与方法.以string为例,这种封装过程如下: 1.当JavaScript遇到对string值进行属性访问或者方法调用时,会调用new String(字符串值)自动将该string封装成一个String对象. 2.Java

JavaScript中的类数组对象介绍_javascript技巧

JavaScript中,数组是一个特殊的对象,其property名为正整数,且其length属性会随着数组成员的增减而发生变化,同时又从Array构造函数中继承了一些用于进行数组操作的方法.而对于一个普通的对象来说,如果它的所有property名均为正整数,同时也有相应的length属性,那么虽然该对象并不是由Array构造函数所创建的,它依然呈现出数组的行为,在这种情况下,这些对象被称为"类数组对象".以下是一个简单的类数组对象: 复制代码 代码如下: var o = {0:42,

JavaScript中的值类型详细介绍_javascript技巧

计算机程序的实质很大程度上可以说是机器对各种信息(值)的操作与读写.在JavaScript中,存在多种类型的值,这些值分成两大类:Primitive(基本类型)和Object(对象). Primitive JavaScript中Primitive有5种类型: 1.Number.所有的数字,无论是整数还是小数,均为Number类型. 2.String.字符串类型. 3.Boolean.布尔类型,true或者false. 4.null.此类型只有null一个值. 5.undefined.此类型只有u

JavaScript中使用Callback控制流程介绍_javascript技巧

javascript中随处可见的callback对于流程控制来说是一场灾难,缺点显而易见: 1.没有显式的return,容易产生多余流程,以及由此引发的bug. 2.造成代码无限嵌套,难以阅读. 下面就来说说怎么解决避免上述的问题. 第一个问题是一个习惯问题,在使用callback的时候往往会让人忘了使用return,这种情况在使用coffee-script的时候尤甚(虽然它在编译成javascript时会自行收集最后的数据作为返回值,但是这个返回值并不一定代表你的初衷).看看下面的例子. 复制

JavaScript中的DSL元编程介绍_javascript技巧

在看JavaScript Template源码的时候,发现有一个很有意思的用法用来生成函数,想到这不就是元编程么? JavaScript 元编程 复制代码 代码如下:  元编程(Metaprogramming)是指某类计算机程序的编写,这类计算机程序编写或者操纵其他程序(或者自身)作为它们的数据,或者在运行时完成部分本应在编译时完成的工作. JavaScript eval 复制代码 代码如下:  eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码. 可以有下面的用法:

JavaScript中的Truthy和Falsy介绍_javascript技巧

与大多数编程语言一样,JavaScript中存在boolean类型,以供逻辑判断使用.不过,和很多其它编程语言不一样的是,JavaScript中存在Truthy值和Falsy值的概念 - 除了boolean值true.false外,所有类型的JavaScript值均可用于逻辑判断,其规则如下: 1.所有的Falsy值,当进行逻辑判断时均为false.Falsy值包括:false.undefined.null.正负0.NaN."". 2.其余所有的值均为Truthy,当进行逻辑判断时均为

JavaScript中的return语句简单介绍_javascript技巧

return语句在js中非常的重要,不仅仅具有返回函数值的功能,还具有一些特殊的用法,下面就结合实例简单介绍一下return语句的作用. 一.用来返回控制和函数结果: 通常情况,return语句对于一个函数是很有必要的,因为往往需要函数在一系列的代码执行后会得到一个期望的返回值,而此值就是通过return语句返回,并且将控制权返回给主调函数. 语法格式: return 表达式  代码实例如下: function add(){ var a=1; var b=2; return a+b; } fun