前端JS将其他数值转换为字符串类型

方法一：调用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)

 

控制台输出：

 

感谢观看，如有错误请大家指正。