In JavaScript, split the array containing both first and last names into separate variables for first and last name

Question

In JavaScript, split the array containing both first and last names into separate variables for first and last name

Looking for a solution to split an array element in a web template, where the size of the array varies per page. The array is in the format: ['John gray','Matt jones', 'Frank white']. The goal is to separate this array into two arrays regardless of its size - one containing the first names: ['John','Matt','Frank'] and another containing the last names: ['gray','jones','white']. While the split() method works for strings, I have not found much information on splitting arrays in this manner. Any suggestions or ideas?

javascript arrays

Answer 1

Answer №1

To separate the names in an array, iterate through each name and use the split function to divide them into two different arrays.

let names = ['Sarah Smith', 'Emily Jones', 'Michael Brown'];
let firstNames = [];
let lastNames = [];
names.forEach(name => {
    let splitted = name.split(" ");
    firstNames.push(splitted[0]);
    lastNames.push(splitted[1]);
});

Answer 2

To separate the names in an array, iterate through each name and use the split function to divide them into two different arrays.

let names = ['Sarah Smith', 'Emily Jones', 'Michael Brown'];
let firstNames = [];
let lastNames = [];
names.forEach(name => {
    let splitted = name.split(" ");
    firstNames.push(splitted[0]);
    lastNames.push(splitted[1]);
});

Answer 3

Answer №2

Instead of dividing arrays, you should focus on breaking down the array containing strings

var collection = ['John gray','Matt jones', 'Frank white'];
const [firstNames, lastNames] = collection
    .map(v => v.split(' ')) // break down each string
    .reduce((r, v) => [[...r[0], v[0]], [...r[1], v[1]]], [[],[]]); // create an array of arrays for first and last names
console.log(firstNames, lastNames)

Answer 4

Instead of dividing arrays, you should focus on breaking down the array containing strings

var collection = ['John gray','Matt jones', 'Frank white'];
const [firstNames, lastNames] = collection
    .map(v => v.split(' ')) // break down each string
    .reduce((r, v) => [[...r[0], v[0]], [...r[1], v[1]]], [[],[]]); // create an array of arrays for first and last names
console.log(firstNames, lastNames)

In JavaScript, split the array containing both first and last names into separate variables for first and last name

Answer №1

Answer №2

Similar questions

Reverse the Angular component to AngularJS

What is the reason for the delay in the firing of this document.ready event

Is it possible to execute custom JavaScript code in an R Jupyter notebook?

Is it possible for two distinct devices to generate the same HWID using Pushwoosh Cordova API?

Frustratingly Quiet S3 Upload Failures in Live Environment

The PUT rest service does not function in AngularJS version 1.0.8

What is the best way to preserve an apostrophe within a variable in JavaScript without it being replaced?

What is the maximum file size that the data link is able to store?

What happens when a JavaScript variable is used inside the $.ajax function and returns null?

Show a malfunction with the `show_message` function

Change the size of window using jQuery

What is the best way to combine multiple arrays in Swift?

Creating a 2D integer array within a struct in the C programming language

In Vue3, have you ever wondered why the $emit function seems to work fine before a promise fetch,

What is the process for exporting dynamic paths with the NextJS app using static methods

Adjust the width of the TinyMCE Editor to automatically resize based on the content being

What is the benefit of writing in this manner?

Customize Material UI (MUI) Autocomplete with preset initial selections

Fading Out with JQuery

Experiencing issues with passwords in nodemailer and node