How to access array from another .js file?

Question

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

Are you using modular javascript?

Tanay
– Tanay

2022-04-23 07:06:57 +00:00
Commented Apr 23, 2022 at 7:06 — Tanay
– Tanay, Commented Apr 23, 2022 at 7:06
I'm not familiar with what that means so I'll assume no

TerryB
– TerryB

2022-04-23 07:17:09 +00:00
Commented Apr 23, 2022 at 7:17 — TerryB
– TerryB, Commented Apr 23, 2022 at 7:17

Tanay · Accepted Answer · 2022-04-23 07:34:28Z

3

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

answered Apr 23, 2022 at 7:34

Tanay

8991 gold badge8 silver badges13 bronze badges

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

Comments

Tanay · Accepted Answer · 2022-04-23 07:29:37Z

3

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'

edited Apr 23, 2022 at 7:29

Tanay

8991 gold badge8 silver badges13 bronze badges

answered Apr 23, 2022 at 7:03

nedoder

4731 gold badge5 silver badges17 bronze badges

7 Comments

TerryB Over a year ago

I've tried this and I receive the following errors: "Cannot use import statement outside a module" and "Unexpected Token 'import'" Might be worth mentioning I'm trying this in a browser

nedoder Over a year ago

Try adding type="module" to your script tag

TerryB Over a year ago

I've tried this and I receive some new errors: "Access to script at 'file_path" from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, https, ipns, chrome-untrusted, ipfs, data, chrome, chrome-extension." and "GET 'file_path' net::ERR_FAILED (along with the original "Cannot use import statement outside a module")

nedoder Over a year ago

If you try to open a web-page locally, via file:// protocol, you’ll find that import/export directives don’t work. Use a local web-server, such as static-server or use the “live server” capability of your editor, such as VS Code Live Server Extension to test modules.

TerryB Over a year ago

This has helped but there is one more error, "Cannot use import statement outside a module". Sorry if it's an obvious answer this is out of my depth and I'm new to all this multi-file stuff

|

ValentinK · Accepted Answer · 2022-04-23 07:07:31Z

1

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

answered Apr 23, 2022 at 7:07

ValentinK

1031 silver badge7 bronze badges

1 Comment

Community Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

How to access array from another .js file?

3 Answers 3

Comments

7 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

7 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related