What is the best way to include a comma following full names within an array?

Question

What is the best way to include a comma following full names within an array?

I have a list containing 150 first and last names that I need to separate by commas in an array. How can I achieve this? Below is my current code, please assist me in inserting a comma after each full name.

var names = $('#namesList').html();
var nameArr = names.split(' ');
// join comma after each full name
console.log(nameArr);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p id='namesList'>Bhittersweet Angel
    Pam Hankins
    Josh Dena 
    Joanne Deutch 
    Melanie Dodd 
    Randy Scott 
    Bryan Jellick
</p>

javascript arrays loops join split

Answer 1

Answer №1

let userNames = $('#namesList').html();
let cleanUserNames = userNames.trim().split('\n').map((name) => name.trim()).join(', ');
console.log(cleanUserNames);

The HTML content of the names list is extracted and trimmed to remove unnecessary newlines using trim().
The cleaned content is then split into an array based on newline characters: split('\n').
Each element in the array is iterated over using map to trim any leading or trailing spaces.
Finally, the processed array is joined back into a single string with elements separated by commas: join(', ').

Answer 2

let userNames = $('#namesList').html();
let cleanUserNames = userNames.trim().split('\n').map((name) => name.trim()).join(', ');
console.log(cleanUserNames);

The HTML content of the names list is extracted and trimmed to remove unnecessary newlines using trim().
The cleaned content is then split into an array based on newline characters: split('\n').
Each element in the array is iterated over using map to trim any leading or trailing spaces.
Finally, the processed array is joined back into a single string with elements separated by commas: join(', ').

What is the best way to include a comma following full names within an array?

Answer №1

Similar questions

Netlify Hosting Experiences Endless Loading Loop on Redirected Custom 404 Page

The dependencies were not updated after running `npm install`

Using two variables for iteration in Vue.js v-for loop

What causes Armadillo to lag behind a C-style array in a basic row-oriented computational task?

Windows users can rely on auto-saving, but Mac users may need to find another solution

Incorporate a file into all API endpoints with Next.js API functionality

Trying to add an item to a TypeScript nested array causes an issue: unable to access property 'push' because it is undefined

Caution: Prop type validation failed: The `open` prop in `ForwardRef(Modal)` is designated as required, yet its value is currently `undefined`

The failure of jQuery AJAX error callback to execute

issues with jquery on function malfunctioning

Drawing recursive 2D tree fractals using WebGL technology

Tips for maintaining the selected radio button state after refreshing the JSP page: Ensuring that the radio button remains selected

Using AJAX to send an Authorization header on a BlackBerry device

What is the most effective method for refreshing a control following an Ajax request?

Using data across multiple instances in node.js EJS partials

Accessing state in Vuex modules is crucial for managing and manipulating data effectively

Removing the popover feature from a jQuery FullCalendar

Code snippet for displaying rotating messages. Unsure of the proper syntax to use

The error message "a.lat is not a function" is indicating a problem with the

Determine whether the user has scrolled past a specific threshold