Unable to print complete JSON using console.log

Question

I am trying to import JSON file into Sample variable but only first few characters are displayed from Sample variable.
The sample.json is 20,00,000 characters, When i print Sample variable on Console only first 3,756 characters are printed.Is there any limitations on the characters that can be printed through console.log?

Complete data persists in Sample variable, I verified it by searching for strings that occur at the end of sample.json file

var Sample = require('./sample.json');
export default class proj extends Component {
  constructor(props) {
    super(props);
    this.state = {
      locations: [],
    };
  }

  loadOnEvent() {   
      console.log(Sample);
     //this.state={ locations : Sample };
  }
}

Is there any other way to print data in Sample variable.

Minh Tú Hoàng · Accepted Answer · 2020-09-17 08:26:37Z

2

You have to convert json to string using JSON.stringify before logging.

/* ... */
  loadOnEvent() {   
      console.log(JSON.stringify(Sample));
     //this.state={ locations : Sample };
  }
/* ... */

answered Sep 17, 2020 at 8:26

Minh Tú Hoàng

685 bronze badges

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

1 Comment

Akki Over a year ago

Is it possible to be doing with parsing to String

oklas · Accepted Answer · 2017-02-11 12:59:22Z

0

Try to use another way to load. Use fetch if file is remote or use fs if file is local.

If it is memory problem supposed by @Shota consider to use server side processing requests to json file. It is good solution to setup microservice which load json file at startup and handle requests to data struct parsed from json file.

Answer for webpack use case:

Configure webpack to use file-loader or copy-webpack-plugin for specifically this file because it enough big. Consider to load it in parallel with webpack bundle. If your application have big parts which need not each case they must be moved to separated bundles.

edited Feb 11, 2017 at 12:59

answered Feb 11, 2017 at 10:06

oklas

8,2702 gold badges31 silver badges42 bronze badges

8 Comments

Akki Over a year ago

Shall i install webpack from this URL:npmjs.com/package/react-native-webpack

oklas Over a year ago

I confuse tag, I just see for webpack tag and do not check that question have tag react-native. Seems you have another problem. I will remove answer. (try to use another way to load fs or fetch). If fs or fetch helpfull - please leave feedback.

Akki Over a year ago

Ok thanks, i tried fetch but not able to load local file using it

Akki Over a year ago

Please check updated question, the problem seems to be with console.log @oklas

oklas Over a year ago

May be console have some limitations or it is bug. Are you wabt to reveal it. Why you need to output full data? (try to output it partially) For example browser show partially data but its console is interactive and may be expanded. Pulling such big file for most cases is not good idea consider to create microservice.

|

Collectives™ on Stack Overflow

Unable to print complete JSON using console.log

2 Answers 2

1 Comment

8 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

8 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related