javascript - JS/JQuery - 拆分和映射逗号分隔的字符串并根据值连接结果

Question

ajax 成功返回一个逗号分隔的字符串 (1,2,3)，我将其拆分并映射以获取某些选择选项的 .text() ...如下所示:

js:

success:function(data){

    console.log(data.added.allocatedTo);

    var selectText;
    var joinText;
    var stringResult = data.added.allocatedTo;
    var splitResult = stringResult.split(",").map(function(port) {

        selectText = $('.select-portfolio option[value='+port+']').text();

        joinText += selectText+',';

    }); 

    console.log(joinText);
}

上面在控制台中为我提供了以下内容:

控制台:

1,2,3
undefinedPortfolio Test 01,
undefinedPortfolio Test 01,Portfolio Test 02,
undefinedPortfolio Test 01,Portfolio Test 02,Portfolio Test 03,                     

...但我想要的是这样的:

Portfolio Test 01, Portfolio Test 02, Portfolio Test 03

...我怎样才能得到这个？

Answer 1

数组上的 map 方法使用给定的函数返回一个新数组，将该数组中的元素(值)“映射”到结果数组中的新元素(值)。

您可以在数组上使用 join 方法来反转拆分。

所以你想要的是这样的:

const joinText = stringResult.split(",")
                   .map(port => $('.select-portfolio option[value=' + port + ']').text())
                   .join(", ");
console.log(joinText);