Import data from a file into a JavaScript 2D array

Question

Import data from a file into a JavaScript 2D array

Looking for a way to load an array from a text file in JavaScript? Here's what I have:

var linePoints = [[0, 3], [4, 8], [8, 5], [12, 13]];

But rather than defining it in the code, I'd like to read it from a text file. The file looks like this:

input.txt:

I came across this post on Stack Overflow, which discusses something similar but for a 1D array. I'm wondering if there's a special function that can be used for a 2D array. In Java, I would read each line and then split it, but as a newcomer to JavaScript, I'm not sure how to approach this task.

javascript arrays

Answer 1

Answer №1

Here is a solution that should meet your needs:

$.get("file.txt", function(data) {
      var items = data.split("\r\n").map(function(el){ return el.split(" ");});
  });

Check out this live example: http://example.com

Answer 2

Here is a solution that should meet your needs:

$.get("file.txt", function(data) {
      var items = data.split("\r\n").map(function(el){ return el.split(" ");});
  });

Check out this live example: http://example.com

Answer 3

Answer №2

It's important to take into account various newline formats and ensure that the array contains numbers, not strings.

Here's a suggestion for the code:

$.get("textFile.txt", function(data) {
    var items = data.split(/\r?\n/).map( pair => pair.split(/\s+/).map(Number) );
});

Answer 4

It's important to take into account various newline formats and ensure that the array contains numbers, not strings.

Here's a suggestion for the code:

$.get("textFile.txt", function(data) {
    var items = data.split(/\r?\n/).map( pair => pair.split(/\s+/).map(Number) );
});

Answer 5

Answer №3

There isn't a pre-existing function specifically designed for parsing input in the exact way you desire. However, an alternative approach would be to utilize the String.split() method, which can segment a string into multiple smaller strings based on a specified delimiter:

let example = "Hello World";
let result = example.split(" "); // split based on blank space
console.log(result); // ["Hello", "World"]

Answer 6

There isn't a pre-existing function specifically designed for parsing input in the exact way you desire. However, an alternative approach would be to utilize the String.split() method, which can segment a string into multiple smaller strings based on a specified delimiter:

let example = "Hello World";
let result = example.split(" "); // split based on blank space
console.log(result); // ["Hello", "World"]

Import data from a file into a JavaScript 2D array

Answer №1

Answer №2

Answer №3

Similar questions

Specializing function templates for arrays in C++ involves creating specific implementations that are

Access remote web page within bootstrap modal

Does getServerSideProps execute for each page request, or solely for HTTP requests?

Error: Async API Call Triggering Invalid Hook Invocation

The function is not being called by ngModelController $parsers in Angular version 1.4.7

Fade out the jQuery message after a brief 2-second pause

React Native package identifies a primary module for handling HTTPS requests

Update WooCommerce Mini-cart with ajax refresh

Retrieve a list of JSON data using the Python requests library

What is the best method for communicating between windows in an electron application?

Tips for creating an input box that only accepts floating point numbers:

I was confused about the distinction between the https.get() and https.request() functions in the Node.js npm package for https

Looking for a specific phrase in the data entered by the user

Rendering JSON Data in JavaScript using Table Pagination

Uploading Massive Form Data Using Angular JS

Oops! There was a validation error as the duration was not formatted as a number. Please make sure to provide a valid numerical value for the duration field

The white-spaces in Quill JS do not retain their original formatting

Is it possible to pass an array to a class constructor in JavaScript using destructuring?

Trackball's controls are not responding correctly

Issue with retrieving data from MySQL database using PHP in Chart.js