如何在 JavaScript 中将字符串转换为字符数组?
本教程教我们如何在 JavaScript 中将字符串转换为字符数组。字符串是字符序列。要解决我们的问题，我们只需要拆分每个字符。
在 JavaScript 中，有多种方法可以从字符串中创建字符数组，一些内置方法可以解决我们的问题。在本教程的最后，我们还将学习手动将字符串转换为数组的方法，即从字符串中弹出一个字符并将其推送到数组中。
本教程将介绍将字符串转换为数组的五种不同方法。所有方法将逐一解释如下。
使用 split( ) 方法
使用 Array.from() 方法
使用 Object.assign() 方法
使用 spread 运算符
创建自定义函数
使用 split( ) 方法
正如我们在介绍中讨论过的字符串，它是字符序列，我们只需要 split 每个字符。split() 方法是内置的 JavaScript 方法，可执行相同的操作。我们将传递空字符串作为分隔符，以便它可以将字符串拆分为字符并返回字符数组。
语法
JavaScript 中split()方法的语法如下所示。
let string = "tutorialsPoint"; let charArray = string.split(delimiter)
参数
示例
<html>
<head>
<title> Example - Converting string to character array </title>
</head>
<body>
<h2> Converting string to character array. </h2>
<p> Using the string.split('') method to convert to the character array:</p>
<div id="charArray"> </div>
<script type="text/javascript">
let charArray = document.getElementById("charArray");
let string = "tutorialsPoint";
let arrayOfChar = string.split(''); // passing empty string as a delimeter.
charArray.innerHTML = '[ ' + arrayOfChar + ' ]';
</script>
</body>
</html>
在上面的输出中，用户可以看到字符串"tutorialsPoint"被转换为字符数组。
使用 Array.from() 方法
Array.from() 是内置的 JavaScript 库方法。字符串是可迭代对象，Array.from() 将可迭代对象作为参数并返回其值的数组。我们可以说 Array.from() 方法用于从我们作为参数传递的任何实例创建数组。
语法
使用 Array.from() 方法的语法如下。
let str = "Example string"; let array = Array.from( str );
参数
str − 可以是任何可迭代对象。字符串也是可迭代的，因此我们将传递一个字符串作为参数，该方法将返回字符数组。
示例
<html>
<body>
<h2> Converting string to character array </h2>
<h4> Using the Array.from() method to convert to the character array:</h4>
<div id="charArray"> </div>
<script type="text/javascript">
let array = document.getElementById("charArray");
let str = " Example string ";
let arrayOfChar = Array.from(str);
array.innerHTML = '[ ' + arrayOfChar + ' ]';
</script>
</body>
</html>
使用 Object.assign() 方法
将字符串转换为字符数组的第三种方法是使用 Object.assign() 方法。它将内容从源对象复制到目标对象。在这里，我们将使用字符串作为源对象，使用空数组作为目标对象。
语法
用户可以按照以下语法使用 Object.assign() 方法将字符串的所有字符复制到空数组中。
Let string = "Example"; Let array = Object.assign([ ], string );
示例
<html>
<body>
<h2> Converting string to character array </h2>
<h4> Using the Object.assing() method to convert to the character array:</h4>
<div id="outputArray"> </div>
<script type="text/javascript">
let outputArray = document.getElementById("outputArray");
let string = "Converting to the charater array. ";
let array = Object.assign([], string);
outputArray.innerHTML = '[ ' + array + ' ]';
</script>
</body>
</html>
使用扩展运算符
在 JavaScript 中，扩展运算符是一项有趣的功能。扩展运算符的语法仅为三个点 (...)。它允许用户将整个可迭代对象或数组克隆到另一个数组。我们将创建一个空数组，并使用扩展运算符将字符串的所有字符包装到该空数组中。
语法
let string = "This is a string."; let array = [...string]; // using spread operator
示例
<!DOCTYPE html>
<html>
<body>
<h2> Converting string to character array. </h2>
<h4> Using the spread operator to convert to the character array: </h4>
<div id="charArray"> </div>
<script>
let array = document.getElementById("charArray");
let InitialString = "This is a string.";
let charArray = [...InitialString];
array.innerHTML = '[ ' + charArray + ' ]';
</script>
</body>
</html>
创建自定义函数
在此方法中，我们将创建一个空数组。我们将使用 for 循环遍历字符串，并将字符串的每个字符推送到数组中。这样，我们将从字符串生成新的字符数组。
语法
按照以下语法实现自定义函数。
let array = [ ]; for ( let i=0; I < string.length; i++ ) { array.push ( string[i] ); }
示例
<!DOCTYPE html>
<html>
<body>
<h2> 将字符串转换为字符数组。 </h2>
<p> 使用 for 循环将字符逐个推送到字符数组: </p>
<div id="outputArray"></div>
<script>
let outputArray = document.getElementById("outputArray");
let string = "It's a string. ";
let resultArray = []; // 空数组
// 使用 for 循环将字符串中的字符逐个推送到数组中。
for (let i = 0; i < string.length; i++) {
resultArray.push(string[i]);
}
outputArray.innerHTML = '[ ' + resultArray + ' ]';
</script>
</body>
</html>
结论
我们学习了将字符串转换为字符数组的五种方法。第一种方法使用 split() 方法，这是最流行的。在最后一种方法中，我们通过使用 for 循环和空数组实现了目标，这是最慢的方法。
