如何在JavaScript的for循环中拼接索引生成管道分隔字符串？

我对JavaScript了解甚少，但需要在自己编写的PHP网站中实现将数据拼接为管道（|）分隔的字符串。我已写出可实现该功能的示例脚本：

var data_0="a"; var data_1="b"; var data_2="c"; var data_3="d"; var all=""; all = all + "|" + (data_0); all = all + "|" + (data_1); all = all + "|" + (data_2); all = all + "|" + (data_3); alert( all );

但数据项会有50个甚至更多，因此我想通过for循环来实现，尝试的写法存在问题：

var data_0="a"; var data_1="b"; var data_2="c"; var data_3="d"; var all=""; for (var i = 0; i <= 3; i++) { all = all + "|" + (data_ + i); } alert( all );

请问正确的实现方式是什么？

你的问题出在data_ + i这个写法上——它只是把字符串"data_"和数字i拼接成了一个新字符串（比如"data_0"），而不是去访问名为data_0的变量，所以肯定得不到想要的结果。下面给你两种解决方案，优先推荐第一种：

方案1：用数组存储数据（最简洁高效） #

这种写法更符合JavaScript的编程习惯，把所有数据放到数组里，直接用join()方法就能一键拼成管道分隔的字符串，完全不用手动写循环拼接：

// 把所有数据存入数组，顺序对应原来的data_0到data_3
var data = ["a", "b", "c", "d"];
// 用join方法指定分隔符为|，直接生成目标字符串
var all = data.join("|");
alert(all); // 输出：a|b|c|d

如果你的数据是从PHP后端传过来的，还可以直接在PHP里生成数组格式的JS代码，非常方便：

<?php
// 假设这是PHP里的数据源
$php_data = ["a", "b", "c", "d"];
?>
<script>
// 把PHP数组转成JS数组
var data = <?php echo json_encode($php_data); ?>;
var all = data.join("|");
alert(all);
</script>

方案2：动态访问全局变量（适配你现有代码结构） #

如果你一定要保留data_0、data_1这种命名的变量，可以通过浏览器的全局对象window来动态获取它们的值，写法是window['data_' + i]。另外还要注意避免开头多出一个管道符：

var data_0="a"; var data_1="b"; var data_2="c"; var data_3="d"; 
var all=""; 
for (var i = 0; i <= 3; i++) {
    // 如果all已经有内容，先加管道符，否则直接加当前值
    all += all ? "|" : "";
    // 动态获取对应变量的值
    all += window['data_' + i];
}
alert(all); // 输出：a|b|c|d

内容的提问来源于stack exchange，提问作者JohnHenry