![cover](https://img-blog.csdnimg.cn/9393a5f59e364bd4a4995b7164311967.png)
前端JS将其他数值转换为字符串类型
对于Number和Boolean数据类型本质为法一,对于null,则直接转换为"null",对于undefined,则直接转换为"undefined",同样不改变原数据类型。注意:null和undefined这两种数据类型没有toString()方法,使用会报错。方法一:调用toString()方法,该方法不影响原变量,返回值为转换后的结果。方法二:调用String()函数。将需要转换的数据作为参
方法一:调用toString()方法,该方法不影响原变量,返回值为转换后的结果。
注意:null和undefined这两种数据类型没有toString()方法,使用会报错。
const i = 21;
//定义新变量来接收返回值
const i2 = i.toString();
//不改变原来的变量
console.log('i的类型', typeof i)
//i2类型已变为string
console.log('i2的类型', typeof i2)
控制台输出如下:
方法二:调用String()函数。将需要转换的数据作为参数传给该函数。
对于Number和Boolean数据类型本质为法一,对于null,则直接转换为"null",对于undefined,则直接转换为"undefined",同样不改变原数据类型。
控制台输出如下:
const i = 21;
//定义新变量来接收返回值
const i2 = String(i);
//不改变原来的变量
console.log('i的类型', typeof i)
//i2类型已变为string
console.log('i2的类型', typeof i2)
var j = null;
//定义新变量来接收返回值
const j2 = String(j);
//不改变原来的变量 注意:null的typeof 返回值为object
console.log('j的类型', typeof j)
//j2类型已变为string
console.log('j2的类型', typeof j2)
//null 直接转换为"null"
console.log('j2', j2)
方法三:在要转化的数据类型后面 + "",同样不改变原数据类型
const i = 21;
//定义新变量来接收返回值
const i2 = i + "";
//不改变原来的变量
console.log('i的类型', typeof i)
//i2类型已变为string
console.log('i2的类型', typeof i2)
控制台输出如下:
———————————————————————————————————————————新学到一个小方法:
toFixed()方法,不仅可以将一个数字转换为字符串,还可以指定小数点后显示的位数。参数为您希望保留的小数点位数。
const a = 21.34;
//toFixed不修改原值 定义变量接收修改后的值
const b = a.toFixed(0);
console.log('a', a)
//不保留小数点后的数字
console.log('b', b);
//保留一位小数
const c = a.toFixed(1);
console.log('c', c)
控制台输出:
toPrecision()方法,指定位数来显示一个数字。参数为指定数字显示的位数。如果参数小于原数据整数的位数,将使用指数表示法。若参数大于原数据长度,将自动在小数点后补0。
const a = 123526542.1241;
//该方法不改变原变量
const b = a.toPrecision(5);
console.log('b', b);
const c = a.toPrecision(11);
console.log('c', c);
const d = a.toPrecision(17);
console.log('d', d)
const k = 200;
const j = k.toPrecision(5);
console.log('j', j)
toExponential()方法,指数表示法(数学中的科学计数法),参数为指定小数点后的个数。
const a = 145153.32;
const b = a.toExponential(1);
console.log('b', b)
const c = a.toExponential(3);
console.log('c', c)
控制台输出:
感谢观看,如有错误请大家指正。
更多推荐
所有评论(0)