javascript - 连接数组项
问题描述
假设我有一个字符串数组。
var array = ["test1", "test2", "test3"]
现在我想连接由两个管道分隔的数组的所有项目。所以输出将如下所示。
"test1||test2||test3"
我已经使用并通过使用方法each loop
删除了额外的管道。substring
var array = ["test1","test2","test3"]
var concantenatedString="";
array.forEach(record => concantenatedString+= "|" + record + "|");
concantenatedString = concantenatedString.substring(1, concantenatedString.length-1);
console.log(concantenatedString);
哪个工作正常。但我不确定该方法是否正确,是否有更好的方法来实现这一点。任何提示将不胜感激。
解决方案
使用数组join()
方法。它用于将数组的元素连接成一个字符串。字符串的元素将由指定的分隔符分隔,它的默认值为comma(,)
句法: array.join(separator)
<button onclick="myFunction()">Click</button>
<p id="demo"></p>
<script>
function myFunction() {
var array = ["test1", "test2", "test3"];
var x = document.getElementById("demo");
x.innerHTML = array.join(" || ");
}
推荐阅读
- java - JavaFX 程序在以 JAR 格式启动时停止正常工作
- c# - 即使在 asp.net core 2.2 中使用 PasswordSignInAsync 成功登录后,User.Identity.IsAuthenticated 也总是返回 false
- php - Docker + Xdebug + VSCode 无法连接到客户端
- php - 如何在 mysqli_stmt_bind_param() 方法中使用比参数更多的变量来修复错误
- java - 如何从shell脚本将参数传递给maven
- angular - 如何一一启用 ListView 项的按钮?
- android - 在 Android 4 上启用带有 sha256/sha384 的密码套件
- python - 对于多维数组,是否有与 R 的扫描函数等效的 python?
- react-native - 是否可以在 2 列 Flatlist 中进行行反转?
- css - 可以缩小容器内的多个图像以适应容器的最大高度吗?