Prettify JSON object alert

Question

I have a JSON object and when i alert it i get this:

and i want to get this:

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>

How can i achieve that?

What does the code you've shared have to do with the question? — Álvaro González, Mar 16 '17 at 09:49
Possible duplicate of [Access / process (nested) objects, arrays or JSON](http://stackoverflow.com/questions/11922383/access-process-nested-objects-arrays-or-json) — Teemu, Mar 16 '17 at 09:50

score 2 · Accepted Answer · answered Mar 16 '17 at 09:52

2

Transform your object to a string like this

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);

answered Mar 16 '17 at 09:52

Weedoze

13,683
1
33
63

That is exactly what i am looking for! Thank you – lewis4u Mar 16 '17 at 09:53
just change console.log to alert and it's perfect! – lewis4u Mar 16 '17 at 10:22
@lewis4u It is easier to use `console.log` to show the result here – Weedoze Mar 16 '17 at 10:29
Yes i understand, but my question is about alert, so i thought it would suit it better. Thank you one more time! – lewis4u Mar 16 '17 at 10:32
A minor detail: there'll be a missing line feed whenever the object contains more than one user. – Álvaro González Mar 16 '17 at 10:44

score 1 · Answer 2 · answered Mar 16 '17 at 09:49

1

Extract the data from the JSON data that you have in errors instead of running JSON.stringify directly. You should be able to get the data like this: errors["Jenny"] to get a list of the errors. Then combine them into a string according to your liking.

answered Mar 16 '17 at 09:49

gideonite

1,211
1
8
13

And what when it is dynamic? this is all hardcoded....and in my app it is all dynamic.... – lewis4u Mar 16 '17 at 09:50
Sorry but this is not an answer this should have been written in comment! – lewis4u Mar 16 '17 at 09:55

Álvaro González · Answer 3 · 2017-03-16T09:59:38.367

0

I honestly don't think your question has absolutely anything to do with JSON. The only reason why some JSON even shows up is because you're generating it for the alert():

alert(JSON.stringify(errors, null, 2));
   // ^^^^^^^^^^^^^^ This generates JSON

If you want to concatenate some array items you can use a combination of the concatenation operator (+) and Array.join():

alert(w_name + ":\n" + errors[w_name].join(",\n"));

Tweak format to your liking.

var w_name = "Jenny";
var errors = {};

errors[w_name] = [];
errors[w_name].push("Second number must be smaller than first");
errors[w_name].push("Signature must be filled!");

alert(w_name + ":\n" + errors[w_name].join(",\n"));

edited Mar 16 '17 at 09:59

answered Mar 16 '17 at 09:56

Álvaro González

142,137
41
261
360

OK i agree...can you suggest a better title for my question? So that it helps others – lewis4u Mar 16 '17 at 09:57
Concatenate strings in array? – Álvaro González Mar 16 '17 at 10:00
It's miss leading, there is no word alert inside of it. – lewis4u Mar 16 '17 at 10:16
I'd dare say that the [`window.alert()` method](https://developer.mozilla.org/en-US/docs/Web/API/Window/alert) is one order of magnitude simpler than you seem to think :) – Álvaro González Mar 16 '17 at 10:37

Prettify JSON object alert

3 Answers3