Storing an array in javascript file and using it in another file

Question

I have researched this problem and have not found a simple solution, or it has not been broken down into something I can understand. This should be extremely simple but it is not.

I need to store data (array) in one file (file1)

const myArray= new Array['data0', 'data1', 'data2'];
module.exports = { myArray};

the inside of the second file I try to import it and call it like this (file2)

import myArray from './file1';
console.log myarray[0, 1, 2]

You export the array as an object with a property in it called "myArray". Also you're exporting it via old-school module.exports and then trying to import it as an ES2015 module. — Pointy
– Pointy, Commented Dec 2, 2020 at 20:25
Also that new Array[] syntax is incorrect; all you need is the array initializer. — Pointy
– Pointy, Commented Dec 2, 2020 at 20:25
I hear what you are saying. I do not know how to fix that. it seems so simple but I am at my wits end with it — Jason V
– Jason V, Commented Dec 2, 2020 at 20:31

astangelo · Accepted Answer · 2020-12-03 14:55:11Z

3

I'll be honest with you, I can't think of a usecase in which you would need to export/import a simple string array. Exporting an object (containing an array, perhaps) has a bit more utility. But the following should work.

// file1.mjs
const myArray = ['data0', 'data1', 'data2'];
export default myArray;

// file2.mjs
import myArray from './file1.mjs';
console.log('myArray =>', myArray);

edited Dec 3, 2020 at 14:55

answered Dec 2, 2020 at 20:51

astangelo

6578 silver badges19 bronze badges

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

3 Comments

Jason V Over a year ago

this is just throwing a TypeError: not a constructor error

astangelo Over a year ago

I don't know how you got a TypeError but there was a ReferenceError (whoops!). Try again. I don't know what JS engine you're running this in, but in Node, you may have to update your package.json and run your app like the following node --experimental-modules file2.mjs. nodejs.org/api/packages.html#packages_determining_module_system

Jason V Over a year ago

I am running in node. Thank you. I was able to solve this with your suggestion.

Bogdan Pryvalov · Accepted Answer · 2020-12-02 21:05:00Z

1

Export

export const myArray = ['data0', 'data1', 'data2'];

Import

import { myArray } from './file1';

answered Dec 2, 2020 at 21:05

Bogdan Pryvalov

1561 silver badge8 bronze badges

3 Comments

Jason V Over a year ago

same issue. I get a "not a constructor" error

Bogdan Pryvalov Over a year ago

const myArray= new Array['data0', 'data1', 'data2']; it wrong you cant create array that way. const myArray = ['data0', 'data1', 'data2']; like this or const myArray = new Array('data0', 'data1', 'data2'); like this

Jason V Over a year ago

but then I added a console.log

Krispies · Accepted Answer · 2020-12-02 21:50:00Z

1

Here is what I did that worked for me (this is in node, not sure about browser)

file2.js:

const arr = ["a", "b", "c"];
export {arr};

file1.js:

import {arr} from "./file2.js"
console.log(arr);

outputs: ['a','b','c']

need to have "type":"module" set in package.json

I was confused at first as well on why the other posts weren't working, but when I changed it to the full file name it worked.

answered Dec 2, 2020 at 21:50

Krispies

1003 silver badges12 bronze badges

Collectives™ on Stack Overflow

Storing an array in javascript file and using it in another file

3 Answers 3

3 Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related