如何将 select2 数组输出转换为单个字符串？

Question

如何将select2数组输出转换为单个字符串（以逗号分隔）？就像这个"task_owner":"Administrator,abc2"。当前输出用逗号分隔，但在单个数组"task_owner":["Administrator","abc2"] 中。这是因为 DB 是通过字符串而不是数组接收的。

另一个问题，如何重新转换回数组，因为在编辑过程中，Ajax 会从 DB 发送该字符串，我可能需要转换回数组以进行显示。

我被推荐给这个Link，但没有工作。

<form id="myForm">
    <select type="text" class="form-control myClass" id="myID" multiple="multiple"></select>
</form>

$('.myClass').select2({
    tags: true
 });    

$('#btnSubmit').on('click',function(){
    var testOutput = "";   // I put this because an error appear so I create a new var but the output is = "null", why?
    var owner = $('#myID').val();

    if (owner.val() !== null && owner.val().length > 0){
        var testOutput = $('#myID') = owner.val().join(',');
        testOutput = Object.assign({}, {task_owner: testOutput.task_owner.join(",")})
    }

    // parameter that need to send to API
    var obj = {
        task_owner : testOutput,
        // Another parameter...
    };
    var params = JSON.stringify(obj);

    $.ajax({
        // My Ajax Condition...
    });
});

Answer 1

如前所述：

$(".myClass").select2({
  tags: true
});

$("#btnSubmit").on("click", function() {
  var testOutput = ""; // I put this because an error appear so I create a new var but the output is = "null", why?
  var owner = $("#myID").val(); //
  if (Array.isArray(owner) && owner.length) {
    testOutput = owner.join(",");
  }
  var obj = {
    task_owner: testOutput
  };
  var params = JSON.stringify(obj);

  $.ajax({
    // My Ajax Condition...
  });
});