I am using fetch api to read a txt file via javascript. I want to load the contents of the txt file which are separated by new line in an array.

Text file:

A
B
C

I need it in the following format:

arr = ["A", "B", "C"]

Below is the code I tried

var arr = []
fetch('file.txt')
  .then(function(response) {
    return response.text();
  }).then(function(text) {
arr.push(text)
console.log(text)

    });
  console.log(arr)

Nothing gets added to my array, however the data from the text file gets printed on the console.

I am using fetch api to read a txt file via javascript. I want to load the contents of the txt file which are separated by new line in an array.

Text file:

A
B
C

I need it in the following format:

arr = ["A", "B", "C"]

Below is the code I tried

var arr = []
fetch('file.txt')
  .then(function(response) {
    return response.text();
  }).then(function(text) {
arr.push(text)
console.log(text)

    });
  console.log(arr)

Nothing gets added to my array, however the data from the text file gets printed on the console.

• javascript
• fetch-api

• How do you know that nothing is added? – PM 77-1 Commented Jul 26, 2018 at 21:55
• The console.log(arr) prints an empty array – valar morghulis Commented Jul 26, 2018 at 21:55
• have you done a console.log(arr)? – mmenschig Commented Jul 26, 2018 at 21:55
• @mmenschig yes, on the last line of code – valar morghulis Commented Jul 26, 2018 at 21:56
• Move log(arr) right after log(text) to see the result. – PM 77-1 Commented Jul 26, 2018 at 22:06

1 Answer 1

You can convert the text response to an array by splitting on newline characters:

function fetchData() {
    return fetch('data.txt')
            .then(response =>
                response.text().then(text => text.split(/\r|\n/)));
}

fetchData().then(arr => console.log(arr));