Using js-interop how can I convert javascript Array and Object to native dart Map.

Question

Is it possible to convert a javascript object or array back to native dart Map and/or List? I'm trying to get a manifest file returned from javascript as Object and want to convert it to a Dart Map object.

Alexandre Ardhuin · Accepted Answer · 2013-11-13 09:19:18Z

4

You can convert a javascript JSON to a Dart JSON with :

import 'dart:json';
import 'package:js/js.dart' as js;

convert(js.Proxy jsonProxy) => JSON.parse(js.context.JSON.stringify(jsonProxy));

edited Nov 13, 2013 at 9:19

answered Dec 18, 2012 at 20:30

Alexandre Ardhuin

76.9k17 gold badges162 silver badges136 bronze badges

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

Comments

Alexandre Ardhuin · Accepted Answer · 2012-12-18 20:17:40Z

3

You could use the built in Javascript method JSON.stringify() from the Javascript context.

Future getManifest() {
  var completer = new Completer();

  js.scoped(() {
    var chrome = js.context.chrome; 
    var manifest_proxy = chrome.runtime.getManifest();
    var manifest_string = js.context.JSON.stringify(manifest_proxy);
    var manifest = JSON.parse(manifest_string);
    logger.fine("manifest_string = $manifest_string");
    completer.complete(manifest);
  });

  return completer.future;    
}

Which would print out the following to the console and send the completer a dart Map.

manifest_string = {"app":{"background":{"scripts":["main.js"]}},"manifest_version":2,"minimum_chrome_version":"23","name":"chrome.dart - test","version":"1"}

edited Dec 18, 2012 at 20:17

Alexandre Ardhuin

76.9k17 gold badges162 silver badges136 bronze badges

answered Dec 18, 2012 at 19:43

adam-singer

4,8576 gold badges23 silver badges26 bronze badges

2 Comments

Alexandre Ardhuin Over a year ago

You don't need to use a Future.

adam-singer Over a year ago

Nice, so being scoped does not require a Future return. In this library I started using Future as a pattern to most of the calls provided by chrome.* apis. If this is the case then I should only need Futures for methods that require callbacks. github.com/dart-gde/chrome.dart/blob/master/lib/src/…

MDerks · Accepted Answer · 2013-11-12 16:22:58Z

2

Many changes in API was done by this year, following code is Alexandre Ardhuin's answer adapted to latest (#30104) Dart Sdk

import "dart:convert";
import "dart:js" as js;

convert( js.JsObject object )
{
  return JSON.decode( js.context['JSON'].callMethod("stringify", [ object ] ) );
}

edited Nov 12, 2013 at 16:22

answered Nov 12, 2013 at 16:14

MDerks

1235 bronze badges

Collectives™ on Stack Overflow

Using js-interop how can I convert javascript Array and Object to native dart Map.

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related