Ways to separate two pieces of information within a single element of an array

Question

Ways to separate two pieces of information within a single element of an array

I am working with an array and trying to split two sets of data that are contained within one element of the array.

Take a look at the code below :

const array = ["1 Boston 4 11", "2 Florida 6 14\n3 Texas 5 12", "4 California 7 13"];

array.map(x => {
  return (
    console.log(x.split(" "))
  )
});

The element array[1] holds two sets of data: 2 Florida 6 14 and 3 Texas 5 12. I need to separate these into different arrays, each containing one set of data from array[1].

This is the expected result :

[
  "1",
  "Boston",
  "4",
  "11"
]
[
  "2",
  "Florida",
  "6",
  "14"
]
[
  "3",
  "Texas",
  "5",
  "12"
]
[
  "4",
  "California",
  "7",
  "13"
]

Can anyone please assist me in finding a solution?

javascript arrays

Answer 1

Answer №1

Break down each line first, then separate by spaces

const newArr = ["1 Boston 4 11", "2 Florida 6 14\n3 Texas 5 12", "4 California 7 13"];
console.log(newArr.flatMap(element => element.split("\n")).map(elem => elem.split(" ")));

kemicofa noted that not all browsers support Array#flatMap. The suggested alternative for flatMap is a combination of Array#reduce and Array#concat:

const newArr = ["1 Boston 4 11", "2 Florida 6 14\n3 Texas 5 12", "4 California 7 13"];
console.log(newArr.reduce((acc, element) => acc.concat(element.split("\n")), []).map(elem => elem.split(" ")));

Answer 2

Break down each line first, then separate by spaces

const newArr = ["1 Boston 4 11", "2 Florida 6 14\n3 Texas 5 12", "4 California 7 13"];
console.log(newArr.flatMap(element => element.split("\n")).map(elem => elem.split(" ")));

kemicofa noted that not all browsers support Array#flatMap. The suggested alternative for flatMap is a combination of Array#reduce and Array#concat:

const newArr = ["1 Boston 4 11", "2 Florida 6 14\n3 Texas 5 12", "4 California 7 13"];
console.log(newArr.reduce((acc, element) => acc.concat(element.split("\n")), []).map(elem => elem.split(" ")));

Answer 3

Answer №2

Array#flatMap may not work on IE or Edge browsers. An alternative approach involves using Array#join combined with String#split

const data = ["1 Boston 4 11", "2 Florida 6 14\n3 Texas 5 12", "4 California 7 13"];

const res = data.join("\n").split("\n").map(item=>item.split(" "));

console.log(res);

Answer 4

Array#flatMap may not work on IE or Edge browsers. An alternative approach involves using Array#join combined with String#split

const data = ["1 Boston 4 11", "2 Florida 6 14\n3 Texas 5 12", "4 California 7 13"];

const res = data.join("\n").split("\n").map(item=>item.split(" "));

console.log(res);

Ways to separate two pieces of information within a single element of an array

Answer №1

Answer №2

Similar questions

Triggering a button click event in a Jquery UI autocomplete combobox

Steps to implementing a function just before a form is submitted

Updating ngModel value dynamically from controller

Save information for each session with a set expiration time

Employing angularjs alongside a static jsonp file produces results on the first attempt

Integrating a sleek Bootstrap 5 search bar drop-down functionality

What is the best way to combine PHP and HTML within a JavaScript script?

Utilize the JavaScript Email Error Box on different components

React - updates to server values do not display in DOM right away

Create an HTML file using Jade that is created from user input

I'm struggling to understand the folder arrangement and the system is telling me it can't locate my file

`Get the height of a specific element within a FlatList using the index property in React Native`

Capturing the value of an input field within a controller in AngularJS

How can I retrieve a ref from a child component in Vue.js?

"Transforming JSON data into a format compatible with Highcharts in PHP: A step-by-step

Transforming a 2D array into an array of objects

Can CSS actually generate accurate inches?

What is the best method for converting a modified array back to JSON format?

Following the object's update, the program is incapable of executing the compareTo function

How to identify the character encoding in a node.js request