Hướng dẫn how do i print first name and last name in javascript? - làm cách nào để in họ và tên trong javascript?

Question

Tôi có một người dùng có tên Paul Steve Panakkal. Đó là một cái tên dài nó sẽ không phù hợp với container div. Vì vậy, có cách nào để phân chia tên và họ từ nó bằng cách sử dụng JavaScript hoặc jQuery?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 last name from it using JavaScript or jQuery?

Nội dung chính Show

Làm thế nào để bạn hiển thị tên của bạn trong JavaScript?
Làm cách nào để hiển thị tên và họ trong HTML?
Việc sử dụng chức năng phân chia trong JavaScript là gì?
Tên .Name trong JavaScript là gì?

Tên được nhận từ PHP thành một biến trong JavaScript. Điều này sau đó được chia tách bằng cách sử dụng JS.

Penny Liu

Huy hiệu vàng 13K571 Huy hiệu bạc86 Huy hiệu đồng5 gold badges71 silver badges86 bronze badges

hỏi ngày 9 tháng 9 năm 2012 lúc 16:29Sep 9, 2012 at 16:29

3

Bạn nên sử dụng phương pháp

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

3:

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

Bạn có thể sử dụng nó theo cách này:

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

Vì vậy, điểm chung:

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

không có cơ hội

3881 Huy hiệu bạc13 Huy hiệu đồng1 silver badge13 bronze badges

Đã trả lời ngày 9 tháng 9 năm 2012 lúc 16:31Sep 9, 2012 at 16:31

Danil Speranskydanil SperanskyDanil Speransky

29,3K5 Huy hiệu vàng64 Huy hiệu bạc77 Huy hiệu đồng5 gold badges64 silver badges77 bronze badges

4

Yes:

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

References:

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

4.

Đã trả lời ngày 9 tháng 9 năm 2012 lúc 16:31Sep 9, 2012 at 16:31

Danil Speranskydanil SperanskyDavid Thomas

29,3K5 Huy hiệu vàng64 Huy hiệu bạc77 Huy hiệu đồng51 gold badges369 silver badges403 bronze badges

1

David Thomasdavid Thomas

244K51 Huy hiệu vàng369 Huy hiệu bạc403 Huy hiệu đồng: 1 or 2 main names
Trong tiếng Tây Ban Nha, nó có thể khó khăn vì bạn có thể có một tên tùy chọn thứ hai và thậm chí các tên họ phức tạp như "del bosque" hoặc "de la hoya", các nguyên âm với dấu nhấn và ñ. JavaScript sau đây có khả năng phân tích một tên tiếng Tây Ban Nha đầy đủ, có tính toán bạn đang viết nó tôn trọng các trường hợp trên và cấp dưới. Nó sẽ trả lại một json cho bạn: the main lastname
Tên: 1 hoặc 2 tên chính: The second lastname

Tên cuối cùng: Tên cuối cùng chính

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

Tên thứ hai: Tên cuối cùng thứ hai

Mã là:
Tên họ được yêu cầu nếu bạn định chỉ định tên thứ hai. Hãy thử nó với:
Vicente Hernández Planes
Oscar de la Hoya
Jose Julian Martí Pérez

Manuel de Céspedes del Castillo

Calixto García íñiguez

Thậm chí thử một cái phức tạp như

María de la caridad del bosque y loynázOct 19, 2016 at 21:34

Nhận xét kinh nghiệm của bạn với nó.EliuX

Đã trả lời ngày 19 tháng 10 năm 2016 lúc 21:345 gold badges40 silver badges40 bronze badges

Eliuxeliux

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

10k5 huy hiệu vàng40 huy hiệu bạc40 huy hiệu đồngSep 9, 2012 at 22:09

Tôi nghĩ, đã đến lúc bắt đầu với các biểu cảm thường xuyên :)abuduba

Đã trả lời ngày 9 tháng 9 năm 2012 lúc 22:097 gold badges25 silver badges42 bronze badges

3

Abudubaabuduba

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

4.8967 Huy hiệu vàng25 Huy hiệu bạc42 Huy hiệu đồngJun 14, 2021 at 13:43

Giải pháp phổ biến nhất, nơi chúng tôi luôn lấy từ đầu tiên cho tên đầu tiên và phần còn lại cho họ:

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

Đã trả lời ngày 14 tháng 6 năm 2021 lúc 13:43Nov 30, 2014 at 4:34

blak3rblak3rblak3r

Phiên bản mở rộng của câu trả lời của Speransky Danil xử lý trường hợp chuỗi được cung cấp chỉ có một từ trong đó.15 gold badges77 silver badges96 bronze badges

Đã trả lời ngày 30 tháng 11 năm 2014 lúc 4:34

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)

15.7K15 Huy hiệu vàng77 Huy hiệu bạc96 Huy hiệu ĐồngDec 21, 2016 at 10:47

Một người hài hước đã nói những gì nếu muốn tên đầu tiên là "Paul" và tên cuối cùng "Steve Panakkal"Marius

Đã trả lời ngày 21 tháng 12 năm 2016 lúc 10:472 gold badges20 silver badges29 bronze badges

Mariusmarius

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.6012 Huy hiệu vàng20 Huy hiệu bạc29 Huy hiệu đồng

(1)

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

0

(2)

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

1

ssc-hrep3

Tôi đã thử dưới đây mã và nó hoạt động tuyệt vời cho tôi5 gold badges43 silver badges84 bronze badges

Trong ví dụ trên:Jun 15, 2016 at 7:05

Huy hiệu vàng 14K543 Huy hiệu bạc84 Huy hiệu đồngAkash Jain

Đã trả lời ngày 15 tháng 6 năm 2016 lúc 7:052 gold badges9 silver badges23 bronze badges

1

Akash Jainakash Jain

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

2

8642 Huy hiệu vàng9 Huy hiệu bạc23 Huy hiệu đồng

Nếu bạn cho rằng từ cuối cùng là tên cuối cùng và một tên từ duy nhất cũng là tên cuối cùng ...1 gold badge27 silver badges34 bronze badges

Đã trả lời ngày 9 tháng 9 năm 2012 lúc 16:31Sep 9, 2012 at 16:31

Danil Speranskydanil SperanskyVisual Micro

29,3K5 Huy hiệu vàng64 Huy hiệu bạc77 Huy hiệu đồng13 silver badges26 bronze badges

David Thomasdavid Thomas

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

3

244K51 Huy hiệu vàng369 Huy hiệu bạc403 Huy hiệu đồngJul 5, 2016 at 20:48

Trong tiếng Tây Ban Nha, nó có thể khó khăn vì bạn có thể có một tên tùy chọn thứ hai và thậm chí các tên họ phức tạp như "del bosque" hoặc "de la hoya", các nguyên âm với dấu nhấn và ñ. JavaScript sau đây có khả năng phân tích một tên tiếng Tây Ban Nha đầy đủ, có tính toán bạn đang viết nó tôn trọng các trường hợp trên và cấp dưới. Nó sẽ trả lại một json cho bạn

Tên: 1 hoặc 2 tên chính

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

4

Tên cuối cùng: Tên cuối cùng chínhNov 16, 2021 at 19:37

Tên thứ hai: Tên cuối cùng thứ hai

Mã là:

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

5

Tên họ được yêu cầu nếu bạn định chỉ định tên thứ hai. Hãy thử nó với:

Vicente Hernández Planes

Oscar de la Hoya7 gold badges32 silver badges57 bronze badges

Jose Julian Martí PérezDec 22, 2014 at 16:22

Manuel de Céspedes del Castillosplit method and create unnecessary arrays for that operation. Just use lastIndexOf and substring methods of javascript.

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

6

Calixto García íñiguezMay 25, 2015 at 16:25

Thậm chí thử một cái phức tạp nhưnonkertompf

María de la caridad del bosque y loynáz1 gold badge2 silver badges12 bronze badges

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

7

Nhận xét kinh nghiệm của bạn với nó.Nov 13, 2018 at 9:38

dayitv89dayitv89dayitv89

Đã trả lời ngày 19 tháng 10 năm 2016 lúc 21:342 gold badges27 silver badges45 bronze badges

Eliuxeliux

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

8

10k5 huy hiệu vàng40 huy hiệu bạc40 huy hiệu đồngSep 25, 2020 at 3:13

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

9

Tôi nghĩ, đã đến lúc bắt đầu với các biểu cảm thường xuyên :)Sep 8, 2016 at 10:31

1

Đã trả lời ngày 9 tháng 9 năm 2012 lúc 22:09

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

0

Abudubaabuduba

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

1

4.8967 Huy hiệu vàng25 Huy hiệu bạc42 Huy hiệu đồng

Giải pháp phổ biến nhất, nơi chúng tôi luôn lấy từ đầu tiên cho tên đầu tiên và phần còn lại cho họ:
Đã trả lời ngày 14 tháng 6 năm 2021 lúc 13:43

Phiên bản mở rộng của câu trả lời của Speransky Danil xử lý trường hợp chuỗi được cung cấp chỉ có một từ trong đó.Dec 26, 2020 at 2:50

Đã trả lời ngày 30 tháng 11 năm 2014 lúc 4:34Penny Liu

Huy hiệu vàng 13K571 Huy hiệu bạc86 Huy hiệu đồng5 gold badges71 silver badges86 bronze badges

15.7K15 Huy hiệu vàng77 Huy hiệu bạc96 Huy hiệu ĐồngSep 9, 2012 at 16:30

techie_28techie_28techie_28

2.0934 Huy hiệu vàng40 Huy hiệu bạc60 Huy hiệu đồng4 gold badges40 silver badges60 bronze badges

0

Nếu bạn có nghĩa là tên cuối cùng là tất cả các tên sau tên, chỉ cần sử dụng:

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

2

Đã trả lời ngày 12 tháng 6 năm 2017 lúc 15:41Jun 12, 2017 at 15:41

Bằng cách này, cả tên FirstName và LastName luôn đúng

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

3

Đã trả lời ngày 4 tháng 4 năm 2018 lúc 12:40Apr 4, 2018 at 12:40

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

4

Bạn có thể sử dụng chức năng phân chia để phân chia tên đầy đủ sau đó kết quả như hiển thị các phần tử trong một mảng hoặc danh sách.

Đây là những gì xảy ra khi bạn sử dụng chức năng phân chia.

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

5

Điều này không được lưu vào bất kỳ biến. Bạn có thể thực hiện chức năng phân chia và gán một phần tử cho một biến được xác định rõ như thế này.

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

6

Đã trả lời ngày 28 tháng 10 năm 2018 lúc 16:40Oct 28, 2018 at 16:40

Tôi đã đưa ra logic này:

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

7

output:

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

8

Đã trả lời ngày 27 tháng 7 năm 2020 lúc 20:08Jul 27, 2020 at 20:08

Karserkarserkarser

1.5552 huy hiệu vàng17 Huy hiệu bạc24 Huy hiệu đồng2 gold badges17 silver badges24 bronze badges

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

9

Bạn nên thêm Trim () chỉ trong trường hợp người dùng vô tình nhập thêm một khoảng trắng!trim() just in case the user accidentally types an extra whitespace!

1

Nếu bạn muốn họ là tất cả các tên sau tên đầu tiên:

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

0

Đã trả lời ngày 13 tháng 6 năm 2021 lúc 8:00Jun 13, 2021 at 8:00

Đối tượng có thể thực hiện thủ thuật với một chức năng đơn giản:

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

1

Đã trả lời ngày 16 tháng 11 năm 2021 lúc 19:07Nov 16, 2021 at 19:07

Hàm này sẽ chia bất kỳ tên nào thành tên và họ lưu trữ từ cuối cùng là họ và mọi thứ khác là tên đầu tiên. Nó trả về một đối tượng chứa các tên phân tách:

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

2

Zach Jensz

3.0445 Huy hiệu vàng12 Huy hiệu bạc27 Huy hiệu đồng5 gold badges12 silver badges27 bronze badges

Đã trả lời ngày 22 tháng 6 lúc 6:26Jun 22 at 6:26

Abrar Abrarabrar

Phù hiệu bằng đồng 1122 bronze badges

Làm thế nào để bạn hiển thị tên của bạn trong JavaScript?

Thuộc tính DisplayName trong JavaScript được sử dụng để đặt tên hiển thị của hàm. Nếu thuộc tính DisplayName được sử dụng để ghi tên mà không cần đặt thuộc tính DisplayName của hàm so với đầu ra sẽ không được xác định. Giá trị trả về: Nó không trả về không thay vào đó, nó đặt tên hiển thị của hàm. in JavaScript is used to set the display name of the function. If the displayName property is used to log the name without setting the displayName property of the function than the output will be undefined. Return Value: It returns nothing instead, it sets the display name of the function.

Làm cách nào để hiển thị tên và họ trong HTML?

innerHtml = đầu tiên + "" + thứ hai;G và tôi nên là chữ thường và bạn nên xuất ra cả tên đầu tiên và tên cuối cùng cùng một lúc bằng cách sử dụng kết nối chuỗi. The G and I should be lower case and you should output both first and last names at the same time using string concatenation.

Việc sử dụng chức năng phân chia trong JavaScript là gì?

Phương thức Split () chia một chuỗi thành một mảng các chuỗi con.Phương thức chia () trả về mảng mới.Phương thức chia () không thay đổi chuỗi gốc.Nếu ("") được sử dụng làm dấu phân cách, chuỗi được phân chia giữa các từ.splits a string into an array of substrings. The split() method returns the new array. The split() method does not change the original string. If (" ") is used as separator, the string is split between words.

Tên .Name trong JavaScript là gì?

Thuộc tính tên được sử dụng để xác định dữ liệu biểu mẫu sau khi nó đã được gửi đến máy chủ hoặc để tham chiếu dữ liệu biểu mẫu bằng cách sử dụng JavaScript ở phía máy khách.Lưu ý: Chỉ các thành phần biểu mẫu có thuộc tính tên sẽ có giá trị của chúng được thông qua khi gửi biểu mẫu.used to identify form data after it has been submitted to the server, or to reference form data using JavaScript on the client side. Note: Only form elements with a name attribute will have their values passed when submitting a form.

programming javascript JavaScript first name