JavaScript如何将CSV格式值转换为数组用于勾选对应复选框

核心问题出在你从数据库读取的CSV值本质是字符串类型，直接json_encode只会返回带引号的字符串，解析后仍不是可用的数字数组，按以下两种方案任选其一处理即可：

方案1：PHP侧预处理直接返回数组（推荐） #

拿到数据库的CSV字符串后先拆分转成数字数组，再做JSON编码返回：

// getCSV.php 中处理逻辑
$foundCSV = '1,3,5,6'; // 此处替换为你从数据库读取的字段值
// 按逗号拆分字符串，逐个转为整数格式
$filterArray = array_map('intval', explode(',', $foundCSV));
// 输出JSON格式数组
echo json_encode($filterArray);

前端AJAX请求时指定dataType: 'json'，即可直接拿到和手动测试完全一致的数字数组，无需额外解析：

$.ajax({
  url: 'getCSV.php',
  dataType: 'json',
  success: function(FilterArray) {
    // 直接运行你的复选框勾选逻辑即可
    $('#myForm').find('.checks').each(function () {
      $(this).prop("checked", ($.inArray(parseInt($(this).val()), FilterArray ) != -1));
    });
  }
})

方案2：前端直接处理CSV字符串 #

如果不想修改PHP逻辑，不管是AJAX返回的字符串还是从input value中读取的字符串，直接拆分转成数字数组即可使用：

// 示例1：处理AJAX返回的CSV字符串
const FilterArray = response.split(',').map(Number);

// 示例2：处理input value中存储的CSV字符串
const csvStr = $('#yourInputId').val();
const FilterArray = csvStr.split(',').map(Number);

// 后续直接运行勾选逻辑即可

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