Split First name and Last name using javascript

Question

I have a user with a name Paul Steve Panakkal. It\'s a long name it won\'t fit to the div container. So is there anyway to split first name and lastname fro

Answer 1

use JS split with space as delimitter.

https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/String/split

Answer 2

I think, it's time to get started with regular expressions :)

"Paul Steve Panakkal".split(/(\s).+\s/).join("") // "Paul Panakkal"

Answer 3

I tried below code and it works cool for me

var full_name = 'xyz abc pqr';
var name = full_name.split(' ');
var first_name = name[0];
var last_name = full_name.substring(name[0].length.trim());

In above example:

(1)

If full_name = 'xyz abc pqr';
first_name = "xyz";
last_name = "abc pqr";

(2)

If `full_name = "abc"`:
Then first_name = "abc";
and last_name = "";

Answer 4

const fullName = 'Paul Steve Panakkal'.split(' ');
const lastName = fullName.pop(); // 'Panakkal'
const firstName = fullName.join(' '); // 'Paul Steve'
console.log(firstName);
console.log(lastName);

Answer 5

"  Paul Steve   ".trim().split(/(\s).+\s/).join("")  // 'Paul Steve'

You should add trim() just in case the user accidentally types an extra whitespace!

Answer 6

A comenter said What if want first name to be "Paul" and last name "Steve Panakkal"

var name = "Paul Steve Panakkal" // try "Paul", "Paul Steve"
var first_name = name.split(' ')[0]
var last_name = name.substring(first_name.length).trim()
console.log(first_name)
console.log(last_name)