如何拼接数组对象中的pointName字符串属性为连字符分隔格式

你之前编写的forEach代码报错的核心原因是：splitted[0]是拆分后得到的单个字符串，不属于数组类型，调用数组专属的join()方法会触发类型错误。

实现逻辑 #

• 使用map()方法遍历对象数组，对每个元素的pointName属性按空格拆分，取拆分结果的第一个元素，过滤掉后续多余内容
• 直接调用数组的join()方法，传入-作为分隔符，拼接所有处理完成的字符串即可得到目标结果

可用代码 #

var permittedValues1 = this.viaPoints.map(value => value.pointName.split(" ")[0]).join("-");

以你给出的示例数组测试，上述代码输出结果为"One-Two-Three"；如果pointName为"One - A"这类带多余内容的取值，也会自动提取One参与拼接，完全匹配你的需求。

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