Question

我觉得这个问题很愚蠢，但我很好奇我该怎么做。我有一个数组，显示在用 Svelte 构建的页面中。数组很简单：

let veggie = ["Lettuce", "Tomoato", "Mayo"]

现在当我显示它时，我使用 each 块：

{#each veggie as item}
 {item} |
{/each}

这样显示 - 当然 - :

Lettuce,|Tomato,|Mayo|

如何去掉逗号 - "," - 并将其替换为 |或任何其他字符？

我尝试使用地图并在前后添加空格，但逗号仍然存在。我不是 js 专家，所以我决定寻求一些 js ninja 的帮助。希望逗号可以被击败。这是我的地图 fn：

let newveggie = veggie.map((el)=>{ return "  " + el + "  "

我可以用逗号来显示数组元素——没有人会死——但我喜欢挑战自己。有解决办法吗？如果是，请与我分享。

Answer 1

我不是一个苗条的人。但是发布一些纯 JavaScript 解决方案。

let string = "" ;
let customSeparator = "|" ;
let veggie = ["Lettuce", "Tomoato", "Mayo"] ;
 veggie.forEach((elm)=>{
   string = string + customSeparator + elm
 })

console.log(string) ;

//another Method

const aStirng = veggie.join(customSeparator)

console.log(aStirng) ;

Answer 2

不确定这是否是您想要的，但您可以尝试

veggie.join("-")

Answer 3

这是一个纯粹的苗条简单的实现：

// For some reason having multiple on one page runs this config function twice, causing an error
//  Therefore we need to check if this already exists first
//  It should now work with multiple on one page
if (!CKEDITOR.stylesSet.registered['default']) {
    CKEDITOR.stylesSet.add('default', [
        ...,
    ]);
}

config.stylesSet = 'default';

here

javascript 数组显示元素之间用逗号分隔的元素。如何将逗号更改为破折号

3 个答案: