getting value of array/object as string in javascript

Question

I am passing my array from node controller to edge template. edit That array is going to convert into long string at view/client side. how would I get that array same as in controller.

Template Engine: Edge

Server Side: Adonis-JS (Node)

Controller:

//an array of locations
let locations = [
          ['Bondi Beach', -33.890542, 151.274856, 4],
          ['Coogee Beach', -33.923036, 151.259052, 5],
          ['Cronulla Beach', -34.028249, 151.157507, 3],
          ['Manly Beach', -33.80010128657071, 151.28747820854187, 2],
          ['Maroubra Beach', -33.950198, 151.259302, 1]
        ];

return view.render('dashboard.index', { locations: locations}) //passing to view

View:

var locations = {{locations}}
//var locations = Object.values({{locations}})

//this how inspect element is allocating values

var locations = Bondi Beach,-33.890542,151.274856,4,Coogee Beach,-33.923036,151.259052,5,Cronulla Beach,-34.028249,151.157507,3,Manly Beach,-33.80010128657071,151.28747820854187,2,Maroubra Beach,-33.950198,151.259302,1

how would I get the values like array to pass in locations var

I'm confused. What do you want your returned location to look like? Your last yellow block is a giant string, is that what you want? — james emanon
– james emanon, Commented Dec 27, 2019 at 4:55
no, i actually need the same data in view as in controller, my data turn to long string in view when passing — Abdul
– Abdul, Commented Dec 27, 2019 at 4:56
i am using edge template engine with adonis-js as node provider — Abdul
– Abdul, Commented Dec 27, 2019 at 5:01

User863 · Accepted Answer · 2019-12-27 05:30:09Z

2

Try JSON.stringify()

//an array of locations
let locations = [
          ['Bondi Beach', -33.890542, 151.274856, 4],
          ['Coogee Beach', -33.923036, 151.259052, 5],
          ['Cronulla Beach', -34.028249, 151.157507, 3],
          ['Manly Beach', -33.80010128657071, 151.28747820854187, 2],
          ['Maroubra Beach', -33.950198, 151.259302, 1]
        ];

return view.render('dashboard.index', { locations: JSON.stringify(locations)}) //passing to view

View:

var locations = {{{locations}}}

Everything inside {{ }} will escape HTML and in order to write raw HTML, you must wrap it inside {{{ }}}

https://edge.adonisjs.com/docs/syntax-guide#_interpolation

edited Dec 27, 2019 at 5:30

answered Dec 27, 2019 at 5:09

User863

20.1k3 gold badges20 silver badges45 bronze badges

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

2 Comments

Abdul Over a year ago

this is somehow worked, but var locations = [["Bondi Beach",-33.8.... quotes converted like this, is there a way to skip this conversion

Abdul Over a year ago

actullay @ is added when any adonis method or pre-defined variable is called -- didnot work with it

Tân · Accepted Answer · 2019-12-27 04:46:03Z

0

You can nest forEach functions to do it:

let locations = [
  ['Bondi Beach', -33.890542, 151.274856, 4],
  ['Coogee Beach', -33.923036, 151.259052, 5],
  ['Cronulla Beach', -34.028249, 151.157507, 3],
  ['Manly Beach', -33.80010128657071, 151.28747820854187, 2],
  ['Maroubra Beach', -33.950198, 151.259302, 1]
];

var output = [];

locations.forEach(x => x.forEach(y => output.push(y)));

console.log(output);

answered Dec 27, 2019 at 4:46

Tân

1

5 Comments

Abdul Over a year ago

then pass that output to view ?

Tân Over a year ago

@trighati Sure, you can try return view.render('dashboard.index', { locations: output})

Abdul Over a year ago

still getting the same as always :(

Tân Over a year ago

@trighati Passing a string or an array to view is still getting same result. So the problem can be in another place.

Abdul Over a year ago

may be view.render() is doing something hidden

KaeyangTheG · Accepted Answer · 2019-12-27 04:59:22Z

0

I know someone recommended a nested forEach, but it's cleaner to use Array.prototype.reduce imo

i.e.

const result = locations.reduce((flattened, location) => 
 flattened.concat(...location)
, []);

answered Dec 27, 2019 at 4:59

KaeyangTheG

3912 silver badges7 bronze badges

Comments

Selaka Nanayakkara · Accepted Answer · 2019-12-27 05:39:29Z

0

Use .flat() :-

let locations = [
  ['Bondi Beach', -33.890542, 151.274856, 4],
  ['Coogee Beach', -33.923036, 151.259052, 5],
  ['Cronulla Beach', -34.028249, 151.157507, 3],
  ['Manly Beach', -33.80010128657071, 151.28747820854187, 2],
  ['Maroubra Beach', -33.950198, 151.259302, 1]
];

console.log(locations.flat());

edited Dec 27, 2019 at 5:39

Selaka Nanayakkara

6,9843 gold badges27 silver badges60 bronze badges

answered Dec 27, 2019 at 4:47

Yousername

1,0126 silver badges16 bronze badges

1 Comment

Abdul Over a year ago

tried adding .flat() on both sides (controller, view) did not work

Collectives™ on Stack Overflow

getting value of array/object as string in javascript

4 Answers 4

2 Comments

5 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

5 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related