Question

我的用户名为 Paul Steve Panakkal 。这是一个很长的名称，它不适合div容器。所以无论如何使用javascript或jquery从它中分割出名字和姓氏。

这个名字是从PHP到JavaScript的一个变量。然后使用JS分割它。

Answer 1

您应该使用split方法：

'Paul Steve Panakkal'.split(' '); // retutrns ["Paul", "Steve", "Panakkal"]

你可以这样使用它：

'Paul Steve Panakkal'.split(' ').slice(0, -1).join(' '); // returns "Paul Steve"
'Paul Steve Panakkal'.split(' ').slice(-1).join(' '); // returns "Panakkal"

所以共同点：

var firstName = fullName.split(' ').slice(0, -1).join(' ');
var lastName = fullName.split(' ').slice(-1).join(' ');

Answer 2

是：

var fullName = "Paul Steve Panakkal".split(' '),
    firstName = fullName[0],
    lastName = fullName[fullName.length - 1];

参考文献：

string.split()。

Answer 3

我认为，是时候开始使用正则表达式了:)

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

Answer 4

在西班牙语中，它可能很棘手，因为你可能有第二个可选名称甚至复杂的姓氏，如“del Bosque”或“de la Hoya”，带有重音符号的元音和ñ。下面的javascript可以解析一个完整的西班牙语名称，在计算你正在写它尊重大小写的情况。它将返回一个json给你

名称：1或2个主要名称
lastName ：主要姓氏
secondLastName ：第二个姓氏

代码是：

function parseName(input) {
        var fullName = input || "";
        var result = {};

        if (fullName.length > 0) {
            var nameTokens = fullName.match(/[A-ZÁ-ÚÑÜ][a-zá-úñü]+|([aeodlsz]+\s+)+[A-ZÁ-ÚÑÜ][a-zá-úñü]+/g) || [];

            if (nameTokens.length > 3) {
                result.name = nameTokens.slice(0, 2).join(' ');
            } else {
                result.name = nameTokens.slice(0, 1).join(' ');
            }

            if (nameTokens.length > 2) {
                result.lastName = nameTokens.slice(-2, -1).join(' ');
                result.secondLastName = nameTokens.slice(-1).join(' ');
            } else {
                result.lastName = nameTokens.slice(-1).join(' ');
                result.secondLastName = "";
            }
        }

        return result;
}

如果要指定第二个名称，则需要姓氏。试试看：

EliecerHernándezGarbey
Oscar de la Hoya
JoséJulianMartíPérez
ManueldeCéspedesdelCastillo
CalixtoGarcíaÍñiguez

即使尝试像

Maríadela Caridad del BosqueyLoynáz

评论你的经历。

Answer 5

Speransky Danil的扩展版本的答案，它处理所提供的字符串中只有一个字的情况。

/**
 * Gets the first name, technically gets all words leading up to the last
 * Example: "Blake Robertson" --> "Blake"
 * Example: "Blake Andrew Robertson" --> "Blake Andrew"
 * Example: "Blake" --> "Blake"
 * @param str
 * @returns {*}
 */
exports.getFirstName = function(str) {
    var arr = str.split(' ');
    if( arr.length === 1 ) {
        return arr[0];
    }
    return arr.slice(0, -1).join(' '); // returns "Paul Steve"
}

/**
 * Gets the last name (e.g. the last word in the supplied string)
 * Example: "Blake Robertson" --> "Robertson"
 * Example: "Blake Andrew Robertson" --> "Robertson"
 * Example: "Blake" --> "<None>"
 * @param str
 * @param {string} [ifNone] optional default value if there is not last name, defaults to "<None>"
 * @returns {string}
 */
exports.getLastName = function(str, ifNone) {
    var arr = str.split(' ');
    if(arr.length === 1) {
        return ifNone || "<None>";
    }
    return arr.slice(-1).join(' ');
}

Answer 6

如果您假设最后一个单词是姓氏，单个单词名称也是姓氏，那么......

var items = theName.split(' '),
    lastName = items[items.length-1],
    firstName = "";

for (var i = 0; i < items.length - 1; i++) {
   if (i > 0) {
      firstName += ' ';
   }
   firstName += items[i];
}

Answer 7

我尝试了以下代码，它对我来说很酷

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

在上面的例子中：

（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 8

使用此代码：

您需要更改该行：splitFullName("firstName","lastName","fullName");并确保其中包含表单中的正确字段ID。

function splitFullName(a,b,c){
    String.prototype.capitalize = function(){
        return this.replace( /(^|\s)([a-z])/g , function(m,p1,p2){ return p1+p2.toUpperCase(); } );
    };
    document.getElementById(c).oninput=function(){
        fullName = document.getElementById(c).value;
        if((fullName.match(/ /g) || []).length ===0 || fullName.substring(fullName.indexOf(" ")+1,fullName.length) === ""){
            first = fullName.capitalize();;
            last = "null";
        }else if(fullName.substring(0,fullName.indexOf(" ")).indexOf(".")>-1){
            first = fullName.substring(0,fullName.indexOf(" ")).capitalize() + " " + fullName.substring(fullName.indexOf(" ")+1,fullName.length).substring(0,fullName.substring(fullName.indexOf(" ")+1,fullName.length).indexOf(" ")).capitalize();
            last = fullName.substring(first.length +1,fullName.length).capitalize();
        }else{
            first = fullName.substring(0,fullName.indexOf(" ")).capitalize();
            last = fullName.substring(fullName.indexOf(" ")+1,fullName.length).capitalize();
        }
        document.getElementById(a).value = first;
        document.getElementById(b).value = last;
    };
    //Initial Values
    if(document.getElementById(c).value.length === 0){
        first = document.getElementById(a).value.capitalize();
        last = document.getElementById(b).value.capitalize();
        fullName =  first + " " + last ;
        console.log(fullName);
        document.getElementById(c).value = fullName;
    }
}

//Replace the ID's below with your form's field ID's
splitFullName("firstName","lastName","fullName");

来源：http://developers.marketo.com/blog/add-a-full-name-field-to-a-marketo-form/

Answer 9

注意边缘情况，例如只提供名字或输入两个或多个空格。如果您只想解析名字和姓氏，这将解决问题（全名应始终包含至少1个字符，以避免first_name被设置为空字符串）：

var full_name_split = "Paul Steve Panakkal".split(" ");
var first_name = full_name_split[0];
var last_name = full_name_split.length > 1 ? full_name_split[full_name_split.length - 1] : null;

Answer 10

最常见的解决方案，我们总是把第一个词作为名字，其余的词作为姓氏：

const splitName = (name = '') => {
  const [firstName, ...lastName] = name.split(' ').filter(Boolean);
  return {
    firstName: firstName,
    lastName: lastName.join(' ')
  }
}

console.log(splitName('Jon  Snow'));

console.log(splitName(' Jon '));

console.log(splitName(' Jon The    White Wolf '));

Answer 11

另一种选择是使用正则表达式。

firstName

上面的正则表达式将找到匹配两个或三个命名类型组合的 lastName 和 const regex = /\w+\s\w+(?=\s)|\w+/g; const name1 = 'Paul Steve Panakkal'; const [firstName1, lastName1] = name1.trim().match(regex); console.log(`${firstName1} | ${lastName1}`); const name2 = 'John Doe'; const [firstName2, lastName2] = name2.trim().match(regex); console.log(`${firstName2} | ${lastName2}`); 字符串模式。

\w+

详情

?=\s 匹配任何单词字符。
{{1}} 匹配任何空白字符但不捕获它。

Answer 12

一位评论者说如果想要名字是“Paul”并且姓氏“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)

Answer 13

您无需使用任何拆分方法，并为该操作创建不必要的数组。只需使用javascript的 lastIndexOf 和 substring 方法。

var s = "Paul Steve Panakkal";
var a = s.lastIndexOf(' '); // last occurence of space
var b = s.substring(0, a); // Paul Steve
var c = s.substring(a+1); // Panakkal

Answer 14

使用带有空格的JS split作为分隔符。

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

Answer 15

如果您的姓氏是名字后面的所有名字，请使用：

var name = "Paul Steve Panakkal";
var arrName = name.split(" ");
var firstName = arrName.slice(0, 1).join(' ');
var lastName = arrName.slice(1, arrName.length).join(' ');

Answer 16

这样，firstName和lastName都是正确的

var names = fullName.split(' ');
if (!names || names.length <= 1) {
   firstName = this.name;
   lastName = '';
} else {
   firstName = names.slice(0, -1).join(' ');
   lastName = names.slice(-1).join(' ');
}

Answer 17

var fullName = "Paul Steve Panakkal";

您可以使用split功能拆分全名，然后拆分结果，例如在数组或列表中显示元素。

这是您使用分割功能时发生的情况。

fullName.split(" ")

["Paul", "Steve", "Panakkal"]

这不会保存到任何变量。您可以执行split功能，然后将元素分配给定义良好的变量。

var firstName = fullName.split(" ")[0];

var lastName = fullName.split(" ")[1];

var otherName = fullName.split(" ")[2];

Answer 18

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

Answer 19

我想出了这个逻辑：

const fullName = "Paul Steve Panakkal";
const idx = fullName.lastIndexOf(' ');
const firstName = idx !== -1 ? fullName.substring(0, idx) : fullName;
const lastName = idx !== -1 ? fullName.substring(idx + 1) : '';
console.log('firstName:', firstName, 'lastName:', lastName);

输出：

firstName: Paul Steve lastName: Panakkal

Answer 20

使用以下代码，它对我有用

let name = "Paul Steve Panakkal"
let parts = name.split(' ')
let firstName = parts.shift();  // Paul
let lastName = parts.join(' '); // Steve Panakkal

console.log({
firstName,
lastName
})

Answer 21

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

您应该添加 trim（），以防用户意外输入多余的空格！

Answer 22

var firstName = fullName.split(" ")[0];

Answer 23

如果您希望姓氏是名字之后的所有名字：

function splitFirstLast(name) {
  return {
    firstName: name.indexOf(' ') !== -1 && name.substring(0, name.indexOf(' ')) || name,
    lastName: name.indexOf(' ') !== -1 && name.substring(name.indexOf(' ') + 1) || ''
  }
}

使用javascript拆分名字和姓氏

23 个答案: