如何将AJAX返回的爱好数组对象转为逗号分隔字符串？

很容易就能实现你想要的格式，只需要对爱好数组做两步简单处理：

1. 使用map()方法遍历data.details.hobbies数组，提取每个对象里的name值，得到一个仅包含爱好名称的新数组
2. 使用join(', ')方法把这个新数组的元素用「逗号+空格」连接成字符串

把你原来AJAX回调里的这行代码：

$('#hobbies').val(JSON.stringify(data.details.hobbies, ['name']));

替换成：

$('#hobbies').val(data.details.hobbies.map(hobby => hobby.name).join(', '));

修改后的完整AJAX代码 #

$.ajax({
    type: 'POST',
    url: "{{ route('askdata') }}",
    dataType: 'json',
    data: {
        'id': $('#member_id').val(),
    },
    success: function(data) {
        $('#id').val(data.details.id);
        $('#name').val(data.details.name);
        $('#dob').val(data.details.dob);
        // 这里是修改后的代码
        $('#hobbies').val(data.details.hobbies.map(hobby => hobby.name).join(', '));
    }
});

这样修改后，爱好输入框里就会显示Football, Badminton, Running的格式了。

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