在 JavaScript 中将全名拆分为名字和姓氏

作者

将全名拆分为名字和姓氏

Split a Full Name into First and Last in JavaScript

在 JavaScript 中将全名拆分为名字和姓氏：

  1. 使用String.split()方法在空格上分割字符串。
  2. 该String.split()方法将返回一个包含名称的数组。
  3. 使用数组解构将名字和姓氏的值分配给变量。
索引.js
const fullName = 'Adam Jones';

// 👇️ ['Adam', 'Jones']
const [first, last] = fullName.split(' ');

console.log(first); // 👉️ Adam
console.log(last); // 👉️ Jones

我们使用
String.split
方法获取包含名字和姓氏的数组。

我们在空格上拆分fullName字符串以获得包含两个名称的数组。

我们使用
数组解构
来分配给同一行上的first和变量。last

一种简单的思考方式是为first和变量分配第一个和第二个数组元素的值。 last

或者，您可以手动访问分配中的数组元素。

索引.js
const fullName = 'Adam Jones';

// 👇️ ['Adam', 'Jones']
const splitOnSpace = fullName.split(' ');
console.log(splitOnSpace);

const first = splitOnSpace[0];
const last = splitOnSpace[1];

console.log(first); // 👉️ Adam
console.log(last); // 👉️ Jones

我们不使用数组解构，而是通过索引查找分配first和变量。last

如果您存储的全名包含 3 个名字，则概念相同。

下面是拆分包含 3 个名称的全名并将值分配给变量的示例。

索引.js
const fullName = 'Adam Douglas Jones';

const [first, middle, last] = fullName.split(' ');

console.log(first); // 👉️ Adam
console.log(middle); // 👉️ Douglas
console.log(last); // 👉️ Jones

我们将姓名拆分为包含 3 个元素的数组 – 名字、中间名和姓氏。

这就是为什么我们在赋值的左侧声明了 3 个变量。

这是相同的示例，但使用索引查找。

索引.js
const fullName = 'Adam Douglas Jones';

// 👇️ ['Adam', 'Douglas', 'Jones']
const splitOnSpace = fullName.split(' ');

const first = splitOnSpace[0];
const middle = splitOnSpace[1];
const last = splitOnSpace[2];

console.log(first); // 👉️ Adam
console.log(middle); // 👉️ Douglas
console.log(last); // 👉️ Jones

您选择哪种方法是个人喜好的问题。我会继续使用数组解构，因为我发现它更直接和直观。

–