JavaScript Fetch API - save text as object?

Question

I am currently working with the fetch API in JavaScript. I have a text file I'd like to read from called sample.txt. I would like to grab the different lines out of the text file and save it in an array so I can work with it. I've been searching for how to save it as an object, but I think I've been using the code for JSON and not for text. Please give any suggestions?

sample.txt

apple
banana
orange
grape

index.js

let fruitArray; //initialized new array

fetch('sample.txt') // fetch text file
.then((resp) => resp.text())
.then(data.split(/\r?\n/) = fruitArray)) //tried to assign each separate line as an element of fruitArray

Expected Output

fruitArray = ['apple', 'banana', 'orange', 'grape'];

CertainPerformance · Accepted Answer · 2018-05-17 04:24:07Z

4

let fruitArray; doesn't create a new array - you have to actually declare an array like [] for that. But it would be better to declare the array only once the response comes back, and then pass it around if needed.

.then accepts a function as a parameter, not a plain code block. The first parameter of the .then callback is the result of the resolution of the previous promise - which here is the full string.

When assigning (=), the left hand side needs to be a variable (or a property).

fetch('sample.txt') // fetch text file
  .then((resp) => resp.text())
  .then(data => {
    const fruitsArray = data.split(/\r?\n/);
  })

answered May 17, 2018 at 4:24

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Leia_Organa Over a year ago

thank you! That did the trick. Do you know of any way to access the new fruitsArray outside of the fetch call?

CertainPerformance Over a year ago

You should call whatever function needs it with the parsed fruitsArray.

Collectives™ on Stack Overflow

JavaScript Fetch API - save text as object?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related