Как разбить значения массива на новые строки - jquery

Question

У меня есть массив, который выглядит следующим образом

array_names = [Mathew, Kelp, Liman Kolf, Hebert, Ansh];

Теперь в приведенном выше массиве Mathew, Kelp - это одно имя , Liman Kolf - это другое имя, а Herbet,Ansh - это другое имя, делающее его 3 именами в массиве.

Теперь я хочу разбить этот массив на новые строки в таблице, как показано ниже

Mathew,Kelp
Liman Kolf
Herbet,Ansh

Но с моим кодом, как показано ниже, таблица представлена ​​следующим образом

Mathew 
Kelp 
Liman Kolf
Herbet
Ansh

JS

//how i save to localstorage
 $("#myTableID").on("click", "#add-contact", function() { 
        var values = [];
        value = jQuery(this).closest('tr').find('#user-id').text();
        values.push(value);
        localStorage.setItem('contact_list', values);


}

var array_names = localStorage.getItem('contact_list').split(',');
if(array_names.length)
                {
                    $.each(array_names, function(index, value){
                        $('#myTableID2').append('<tr><td id="contact">'+value+'</td></tr>');
                 });
                }

Контроллер

$contacts = Contact::where('firstname','LIKE','%'.$q.'%')->orWhere('lastname','LIKE','%'.$q.'%')->get();

Answer 1

Вы должны разделить их на RegExp

const string = 'Mathew,Kelp ,Liman Kolf, Hebert,Ansh';
const array = string.split(/(?: ,)|(?:, )/)
// ["Mathew,Kelp", "Liman Kolf, Hebert,Ansh"]

Answer 2

Как рекомендует @Khauri, используйте JSON.stringify() и JSON.parse() для чтения / записи из / в localStorage:

// save values to localStorage
localStorage.setItem('contact_list', JSON.stringify(values));

// retrive values from localStorage
var array_names = JSON.stringify(localStorage.getItem('contact_list'));

// do things with the values
if (array_names.length) {
    $.each(array_names, function (index, value) {
        $('#myTableID2').append('<tr><td id="contact">' + value + '</td></tr>');
    });
}