How to split array values into new lines - jquery

Question

I have an array that looks like this

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

Now in the array above, Mathew, Kelp is one name , Liman Kolf is another name and Herbet,Ansh is another name making it 3 names in the array.

Now i want to split this array on new lines in table like below

Mathew,Kelp
Liman Kolf
Herbet,Ansh

But with my code as shown below, the table is represented like this

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

Controller

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

if Mathew and kelp is one name then why there is , in between both of the items — Juhil Somaiya
– Juhil Somaiya, Commented Feb 10, 2020 at 12:16
That is how the names are stored in the database @JuhilSomaiya — RoboPHP
– RoboPHP, Commented Feb 10, 2020 at 12:17
When extracting from the database, you should get a list of strings: ["Mathew,Kelp", "Liman Kolf", "Hebert,Ansh"]. Otherwise, there's no way to tell if the , is the separator or part of the name. — Moutah
– Moutah, Commented Feb 10, 2020 at 12:21
@RoboPHP Please show your full code with how you are saving in localstorage — Mayank Vadiya
– Mayank Vadiya, Commented Feb 10, 2020 at 12:30
You might find it easier if you use JSON.stringify when storing the values array and JSON.parse when retrieving it. Or, at the very least, do a values.join(';') so that you can split it later on semicolons. — Khauri
– Khauri, Commented Feb 10, 2020 at 12:42

Adam · Accepted Answer · 2020-02-10 12:32:22Z

2

You should split them by a RegExp

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

answered Feb 10, 2020 at 12:32

Adam

5,2933 gold badges33 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Moutah Over a year ago

While this would work for this specific case, relying on the space around , to split the string is dodgy. What if a name suddently has a space?

Moutah · Accepted Answer · 2020-02-10 13:14:28Z

1

As suggested by @Khauri, use JSON.stringify() and JSON.parse() to read/write from/to 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>');
    });
}

edited Feb 10, 2020 at 13:14

answered Feb 10, 2020 at 13:06

Moutah

3323 silver badges9 bronze badges

Collectives™ on Stack Overflow

How to split array values into new lines - jquery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related