I want to get a (Very large) array from another file so it doesn't take up space in my main js file but I cannot figure it out, I have spent about 2 - 3 days searching online but cannot find an answer that will work. I've tried answers from How to access js array defined in another js file aswell as many other sites but nothing is working.
// the js file with the array I want
wordList = [
"this",
"is",
"an",
"array"
]
// main js file
const word = wordList[Math.floor(Math.random() * wordList.length)];
Any help is appreciated :) EDIT: This is for a browser game if that helps
You can export the variable from first file using export.
// example.js
const WordList = [
"this",
"is",
"an",
"array"
]
export { WordList };Then, import the variable in main.js file using import.
import { WordList } from './example.js'You should add both the scripts to html. Then, you should make the array global:
window.wordList = [
"this",
"is",
"an",
"array"
]
Then in the main.js file, you can access the array like this:
const word = window.wordList[Math.floor(Math.random() * wordList.length)];
But make sure, you add the script with the array before the main.js file in the html
You need to export your array and import it in any file you want. Full details of the export/import mechanism can be found in the next Stackoverflow question