JavaScript教程-如何将逗号分隔的字符串转换为JavaScript数组
逗号分隔值（CSV）文件是一种以逗号分隔值的格式来表示的文件。数据记录由一个或多个字段组成，字段之间使用逗号进行分隔。这种文件格式通常被称为逗号分隔文件格式，其中逗号被用作字段分隔符。
你可以使用以下两种方法将逗号分隔的字符串转换为JavaScript数组。
方法一：使用split()方法
split()方法可用于根据指定的分隔符对字符串进行分割。对于逗号分隔的字符串，我们可以将逗号作为分隔符来获取不同的子字符串，从而生成一个数组。
示例代码：
<!DOCTYPE html>
<html>
<head>
<title>将逗号分隔的字符串转换为数组</title>
</head>
<body>
<h2 style="color: green">JavaTiku</h2>
<b>将逗号分隔的字符串转换为数组</b>
<p>原始字符串为 "Twenty, Thirty, Forty, Fifty, Sixty"</p>
<p>分隔后的数组值为: <span class="output"></span></p>
<button onclick="separateString()">删除文本</button>
<script>
function separateString() {
const originalString = "Twenty, Thirty, Forty, Fifty, Sixty";
const separatedArray = originalString.split(', ');
console.log(separatedArray);
document.querySelector('.output').textContent = separatedArray;
}
</script>
</body>
</html>方法二：通过遍历字符并追踪逗号位置生成数组
此方法允许您遍历字符串中的字符，并检查是否遇到逗号。我们可以维护一个变量来记录上一个字符串的结束索引，然后使用slice()方法截取两个逗号之间的部分，将其添加到一个新数组中。
示例代码：
<!DOCTYPE html>
<html>
<head>
<title>将逗号分隔的字符串转换为数组</title>
</head>
<body>
<h1 style="color: green">JavaTiku</h1>
<b>将逗号分隔的字符串转换为数组</b>
<p>原始字符串为 "Twenty, Thirty, Forty, Fifty, Sixty"</p>
<p>分隔后的数组值为: <span class="output"></span></p>
<button onclick="separateString()">删除文本</button>
<script>
function separateString() {
const originalString = "Twenty, Thirty, Forty, Fifty, Sixty";
const separatedArray = [];
let previousIndex = 0;
for (let i = 0; i < originalString.length; i++) {
if (originalString[i] == ', ') {
const separated = originalString.slice(previousIndex, i);
separatedArray.push(separated);
previousIndex = i + 2; // 跳过逗号和空格
}
}
separatedArray.push(originalString.slice(previousIndex)); // 添加最后一个字符串
console.log(separatedArray);
document.querySelector('.output').textContent = separatedArray;
}
</script>
</body>
</html>使用这两种方法，您可以将逗号分隔的字符串快速转换为JavaScript数组。
