JavaScript 如何将逗号分隔的字符串转换为数组

逗号分隔的估值（CSV）文件是一种基于逗号分隔值的文件格式。数据记录由一个或多个字段组成，由逗号分隔。该文件格式的名称根源于逗号分隔文件格式，即使用逗号作为字段提取器。

您可以通过以下两种方法将逗号分隔的字符串转换为数组：

使用split() 方法
遍历列表并跟踪找到的每个逗号，以生成具有不同字符串的新序列。

使用split() 方法

split() 方法根据提取器对序列进行分割。如果遇到逗号，可以将此分隔符指定为逗号来区分字符串。此过程返回一个独立的字符串数组。

语法

string.split(' , ')

示例

这里是同样的示例说明。

<!DOCTYPE html> 
<html>   
<head> 
<title> 
      Conversion of comma separated  
      string to array in JavaScript 
</title> 
</head> 

<body> 
<h2 style="color: green"> 
      JavaTpoint
</h2> 
<b>Conversion of comma separated string  
      to array in JavaScript</b> 
<p>Original string is 
      "Twenty, Thirty, Fourty, Fifty, Sixty"</p> 
<p> 
      The values of the Separated Array is: <span class="output"></span> 
</p>   
<button onclick="separateString()"> 
      Remove Text 
</button> 
<script type="text/javascript"> 
        function separateString() { 
            originalString = "Twenty, Thirty, Fourty, Fifty, Sixty"; 
            separatedArray = originalString.split(', ');   
            console.log(separatedArray); 
            document.querySelector('.output').textContent =  
              separatedArray; 
} 
</script> 
</body> 
</html>

输出

在成功执行输出之后，我们得到了以下输出结果。

JavaScript 如何将逗号分隔的字符串转换为数组

通过列表追加并记录每个逗号，生成一个包含不同字符串的新序列

这种方法可以帮助您迭代字符串的字符并检查逗号。可以确定上一个索引变量，它记录下一个字符串的第一个字符。使用切片方法删除之前的索引和找到的逗号之间的字符串部分。将此字符串添加到新数组中。对整个字符串长度重复此过程。最后的部分包含所有单独的字符串。

语法

originalString = " Twenty, Thirty, Fourty, Fifty, Sixty "; 
separatedArray = []; 
let previousIndex = 0;                       // index of end of the last string 

for(i = 0; i < originalString.length; i++) 
{ 
  if (originalString[i] == ', ') {                                      // check the character for a comma  

       // split the string from the last index to the comma 
        separated = originalString.slice(previousIndex, i); 
        separatedArray.push(separated); 

      previousIndex = i + 1;              // update the index of the last string 
    } 
} 
             // push the last string into the array 
separatedArray.push(originalString.slice(previousIndex, i));

示例

以下是一个说明示例。

<!DOCTYPE html> 
<html>
<head> 
<title>Conversion of comma separated string to array in JavaScript 
</title> 
</head>   
<body> 
<h1 style="color: green"> 
      JavaTpoint     
</h1> 
<b>Conversion of comma separated string 
      to array in JavaScript</b> 
<p>Original string is 
      "Twenty, Thirty, Fourty, Fifty, Sixty"</p> 
<p> 
      Separated Array is: <span class="output"></span> 
</p> 

<button onclick="separateString()"> 
      Remove Text 
</button> 
<script type="text/javascript"> 

        function separateString() 
{             
            originalString = 
              "Twenty, Thirty, Fourty, Fifty, Sixty"; 
            separatedArray = []; 

            let previousIndex = 0;       // index of end of the last string

            for (i = 0; i < originalString.length; i++) 
{ 

       if (originalString[i] == ', ')     // check the character for a comma 
{                          
separated =        // split the string from the last index to the comma  
originalString.slice(previousIndex, i); 
separatedArray.push(separated); 

previousIndex = i + 1;                 // update the index of the last string   
                } 
            }
        separatedArray.push(          // push the last string into the array 
        originalString.slice(previousIndex, i));   
        console.log(separatedArray); 
        document.querySelector( 
        '.output').textContent = separatedArray; 
        } 
</script> 
</body> 
</html>

输出

执行代码后，您将获得以下片段。

JavaScript 如何将逗号分隔的字符串转换为数组