javascript - 美化 JSON 对象警报

Question

我有一个 JSON 对象，当我提醒它时，我得到这个:

我想得到这个:

function getNameById(id){
    return usersArray.find(item => item.id === id).name;
}

var usersArray = [
										{"id":"135","name":"Jenny"},
                    {"id":"162","name":"Kelly"}
                 ];
$("#submit").click(function (e) {           
    var errors = {};
    
    $(".validation").each(function(){
       var worker_id = $(this).attr('id').replace(/[^\d]/g, '');
       var w_name = getNameById(worker_id);
       if(!errors[w_name]) errors[w_name] = [];
       if ( $(this).val() == "" ) {
           errors[w_name].push( $(this).attr('id').replace(/[^a-zA-Z]/g, '') + " must be filled!");
           //errors[w_name].push("second number must be smaller than first");
       }
       if ( $(this).attr('id') == "second-"+worker_id  && ($(this).val() > $('#first-'+worker_id+'').val())) {
        	errors[w_name].push("second number must be smaller than first");
       }     
    });
    
    alert(JSON.stringify(errors, null, 2));
    e.preventDefault();
    e.stopPropagation();

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form method="post">
  First<input id="first-135" class="validation" name="first" type="text" value="5"><br>
  Second<input id="second-135" class="validation" name="second" type="text" value="8"><br>
  Signature<input id="signature-135" class="validation" name="signature" type="text"><br>
<input id="submit" type="submit" value="Submit">
</form>

我怎样才能实现这一目标？

Answer 1

将你的对象转换为这样的字符串

let obj = {
  "Jenny" : [
    "Second number must be smaller than first",
    "Signature must be filled !"
  ]
};

let str = "";
Object.keys(obj).forEach(k => {
  str += k + ":\n";
  str += obj[k].join(",\n");
});

console.log(str);