es6 字符串转数组

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而不是抛出错误。