不要在for循环中的最后一个元素后面写逗号

Question

我有从数据库获取数据并在视图中显示它的函数:

function GetUsers() {
  let url = "/Home/GetUsers";
  $.ajax({
    type: 'GET',
    url: url,
    dataType: 'json',
    success: function(data) {
      console.dir(data);
      for (var i = 0; i < data.length; ++i) {
        $('#taskresult3').append('<b>' + data[i].UserName + "-" + data[i].RoleName + "," + '</b>');
      }
    }
  });
}

它用逗号显示它,但在最后一次之后Username+RoleName它也添加了一个逗号.据我所知,我需要获得for循环的最后一次迭代？我该如何解决这个问题？

Answer 1

我通常会针对这种情况制作一个小技巧:

var separator = "";
for (var i = 0; i < data.length; ++i) {
  $('#taskresult3').append(separator + '<b>' + data[i].UserName + "-" + data[i].RoleName + '</b>');
  separator = ",";
}

Answer 2

只需检查当前元素是否是最后一个元素,如果是,请不要添加逗号:

$('#taskresult3').append('<b>'+ data[i].UserName +"-"+ data[i].RoleName + (i === data.length - 1 ? "" : ",")+'</b>');