ES6提供了几种将字符串转换为数组的方法，包括使用
split()方法、扩展运算符（spread operator）和Array.from()方法。
在ES6（ECMAScript 2015）中，将字符串转为数字和将数字转为字符串有多种方法，下面将详细介绍这些方法，并提供相应的代码示例。
字符串转数字
使用Number函数
最通用的方法是使用内置的Number函数，这个函数可以接受一个字符串参数，尝试将其转换为一个数值。
const str = "123"; const num = Number(str); console.log(num); // 输出：123 console.log(typeof num); // 输出："number"
如果字符串不能被解析为数字，Number函数会返回NaN（不是一个数字）。
const str = "abc"; const num = Number(str); console.log(num); // 输出：NaN
使用一元加号操作符
一元加号操作符+可以将字符串转换为数字，这在JavaScript中是一种快捷方式。
const str = "456"; const num = +str; console.log(num); // 输出：456 console.log(typeof num); // 输出："number"
同样地，如果字符串不能被解析为数字，结果将是NaN。
使用parseInt和parseFloat函数
parseInt和parseFloat函数分别用于解析整数和浮点数，它们更严格地解析字符串，只有在字符串以数字字符开始时才会返回有效的数字。
const strInt = "789"; const numInt = parseInt(strInt); console.log(numInt); // 输出：789 console.log(typeof numInt); // 输出："number" const strFloat = "10.20"; const numFloat = parseFloat(strFloat); console.log(numFloat); // 输出：10.20 console.log(typeof numFloat); // 输出："number"
如果字符串不以数字字符开始，这两个函数都会返回NaN。
数字转字符串
使用String函数
String函数可以将数字转换为字符串。
const num = 456; const str = String(num); console.log(str); // 输出："456" console.log(typeof str); // 输出："string"
使用模板字符串
模板字符串是ES6中引入的新特性，它允许你在字符串中嵌入表达式，包括数字。
const num = 789;
const str = ${num};
console.log(str); // 输出："789"
console.log(typeof str); // 输出："string"
使用一元加号操作符
一元加号操作符+也可以将数字转换为字符串。
const num = 1010; const str = +num; console.log(str); // 输出："1010" console.log(typeof str); // 输出："string"
相关问题与解答
Q1: 如果字符串包含非数字字符，Number函数和一元加号操作符的行为有何不同？
A1: Number函数会尝试解析整个字符串，并可能返回NaN，而一元加号操作符会从字符串的开头解析数字字符，直到遇到非数字字符为止。
Q2: parseInt和parseFloat函数有什么不同？
A2: parseInt只解析整数，而parseFloat可以解析浮点数，如果字符串表示一个浮点数，应该使用parseFloat。
Q3: 为什么在使用模板字符串时不需要显式地将数字转换为字符串？
A3: 模板字符串会自动将嵌入的表达式转换为字符串，因此不需要额外的转换步骤。
Q4: 在什么情况下使用Number函数比一元加号操作符更好？
A4: 当你不确定输入是否总是能够被解析为数字时，使用Number函数更安全，因为它会返回NaN而不是抛出错误。
原创文章，作者：K-seo，如若转载，请注明出处：https://www.kdun.cn/ask/305340.html
微信扫一扫 