Styjun

The Football Squad

Active wildlife outside the window- Good or Bad for Cat psychology?

Reusable spacecraft: why still have fairings detach, instead of open/close?

pgfmath does not work

Can dual citizens open crypto exchange accounts where U.S. citizens are prohibited?

13th chords on guitar

Does a lens with a bigger max. aperture focus faster than a lens with a smaller max. aperture?

What do you call a notepad used to keep a record?

What European countries have secret voting within the Legislature?

/etc/hosts not working

Missing root certificates on Windows Server 2016 (fresh install)

My colleague is constantly blaming me for his errors

Do home values typically rise and fall consistently across different price ranges?

Why were the first airplanes "backwards"?

Journal standards vs. personal standards

How useful would a hydroelectric plant be in the post-apocalypse world?

List Manipulation : a,b,c,d,e,f,g,h into a,b,c,d,e,f,g,h

How to stop the sales department from selling functionalities that don't exist

Is there a way to convert blue ice back into packed ice?

Does a return economy-class seat between London and San Francisco release 5.28 tonnes of CO2 equivalents?

When was this photo of Mission Dolores *actually* taken?

Knight's move in chess.

Origin of the convolution theorem

Bin Packing with Relational Penalization

Sort values from Json response in ascending order and display in DOM

How to find event listeners on a DOM node when debugging or from the JavaScript code?How to get the value from the GET parameters?Sorting JavaScript Object by property valueSort array of objects by string property valueWhy does Google prepend while(1); to their JSON responses?How to remove item from array by value?Getting a random value from a JavaScript arrayRemove duplicate values from JS arrayHow do I return the response from an asynchronous call?Unable to remove html tags from response JSON

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

1

I have a JSON response for a field that is returned as space separated values

"contentTypes":"BALL APPLE BAT"

I want to map it to normal values and display it as a list in ascending order on the DOM

This is what I want

<ul>
 <li>Apple Fruit</li>
 <li>Ball Toy</li>
 <li>Bat Sports</li>
</ul>

This is what I got

 <ul>
 <li>Ball Toy</li>
 <li>Apple Fruit</li>
 <li>Bat Sports</li>
</ul>

if (value && value.length > 0) 
 return (
 <ul>
 value.split(' ').map((value, index) => <li key=index>contentTypeEnumMap[value]</li>)
 </ul>
 )


export const contentTypeEnumMap = 
 APPLE: 'Apple Fruit',
 BALL: 'Ball Toy',
 BAT: 'Bat Sports'

javascript

share|improve this question

asked Mar 25 at 14:38

Kimaya Kimaya

11711 silver badge1010 bronze badges

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Use sort? value.split(' ').sort().map()
  
  – ritaj
  Mar 25 at 14:41
  

  
  
  
  

add a comment | 

1

I have a JSON response for a field that is returned as space separated values

"contentTypes":"BALL APPLE BAT"

I want to map it to normal values and display it as a list in ascending order on the DOM

This is what I want

<ul>
 <li>Apple Fruit</li>
 <li>Ball Toy</li>
 <li>Bat Sports</li>
</ul>

This is what I got

 <ul>
 <li>Ball Toy</li>
 <li>Apple Fruit</li>
 <li>Bat Sports</li>
</ul>

if (value && value.length > 0) 
 return (
 <ul>
 value.split(' ').map((value, index) => <li key=index>contentTypeEnumMap[value]</li>)
 </ul>
 )


export const contentTypeEnumMap = 
 APPLE: 'Apple Fruit',
 BALL: 'Ball Toy',
 BAT: 'Bat Sports'

javascript

share|improve this question

asked Mar 25 at 14:38

Kimaya Kimaya

11711 silver badge1010 bronze badges

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Use sort? value.split(' ').sort().map()
  
  – ritaj
  Mar 25 at 14:41
  

  
  
  
  

add a comment | 

I have a JSON response for a field that is returned as space separated values

"contentTypes":"BALL APPLE BAT"

I want to map it to normal values and display it as a list in ascending order on the DOM

This is what I want

<ul>
 <li>Apple Fruit</li>
 <li>Ball Toy</li>
 <li>Bat Sports</li>
</ul>

This is what I got

 <ul>
 <li>Ball Toy</li>
 <li>Apple Fruit</li>
 <li>Bat Sports</li>
</ul>

if (value && value.length > 0) 
 return (
 <ul>
 value.split(' ').map((value, index) => <li key=index>contentTypeEnumMap[value]</li>)
 </ul>
 )


export const contentTypeEnumMap = 
 APPLE: 'Apple Fruit',
 BALL: 'Ball Toy',
 BAT: 'Bat Sports'

javascript

share|improve this question

asked Mar 25 at 14:38

Kimaya Kimaya

11711 silver badge1010 bronze badges

"contentTypes":"BALL APPLE BAT"

<ul>
 <li>Apple Fruit</li>
 <li>Ball Toy</li>
 <li>Bat Sports</li>
</ul>

 <ul>
 <li>Ball Toy</li>
 <li>Apple Fruit</li>
 <li>Bat Sports</li>
</ul>

if (value && value.length > 0) 
 return (
 <ul>
 value.split(' ').map((value, index) => <li key=index>contentTypeEnumMap[value]</li>)
 </ul>
 )


export const contentTypeEnumMap = 
 APPLE: 'Apple Fruit',
 BALL: 'Ball Toy',
 BAT: 'Bat Sports'

share|improve this question

asked Mar 25 at 14:38

Kimaya Kimaya

11711 silver badge1010 bronze badges

share|improve this question

asked Mar 25 at 14:38

Kimaya Kimaya

11711 silver badge1010 bronze badges

asked Mar 25 at 14:38

Kimaya Kimaya

11711 silver badge1010 bronze badges

asked Mar 25 at 14:38

Kimaya Kimaya

11711 silver badge1010 bronze badges

2 Answers
2

active

oldest

votes

1

Well you just need to sort the values after the split() call, using Array#sort() method, it will give you the expected output:

if (value && value.length > 0) 
 return (
 <ul>
 value.split(' ').sort().map((value, index) => <li key=index>contentTypeEnumMap[value]</li>)
 </ul>
 )

share|improve this answer

answered Mar 25 at 14:49

cнŝdkcнŝdk

24.7k66 gold badges3434 silver badges5353 bronze badges

add a comment | 

1

Use sort after split.

const value = 'BALL APPLE BAT';


value.split(' ').sort().map(v => console.log(v));

share|improve this answer

answered Mar 25 at 14:52

ejazejaz

1581313 bronze badges

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55340284%2fsort-values-from-json-response-in-ascending-order-and-display-in-dom%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

1

Well you just need to sort the values after the split() call, using Array#sort() method, it will give you the expected output:

if (value && value.length > 0) 
 return (
 <ul>
 value.split(' ').sort().map((value, index) => <li key=index>contentTypeEnumMap[value]</li>)
 </ul>
 )

share|improve this answer

answered Mar 25 at 14:49

cнŝdkcнŝdk

24.7k66 gold badges3434 silver badges5353 bronze badges

add a comment | 

1

Well you just need to sort the values after the split() call, using Array#sort() method, it will give you the expected output:

if (value && value.length > 0) 
 return (
 <ul>
 value.split(' ').sort().map((value, index) => <li key=index>contentTypeEnumMap[value]</li>)
 </ul>
 )

share|improve this answer

answered Mar 25 at 14:49

cнŝdkcнŝdk

24.7k66 gold badges3434 silver badges5353 bronze badges

add a comment | 

Well you just need to sort the values after the split() call, using Array#sort() method, it will give you the expected output:

if (value && value.length > 0) 
 return (
 <ul>
 value.split(' ').sort().map((value, index) => <li key=index>contentTypeEnumMap[value]</li>)
 </ul>
 )

share|improve this answer

answered Mar 25 at 14:49

cнŝdkcнŝdk

24.7k66 gold badges3434 silver badges5353 bronze badges

if (value && value.length > 0) 
 return (
 <ul>
 value.split(' ').sort().map((value, index) => <li key=index>contentTypeEnumMap[value]</li>)
 </ul>
 )

share|improve this answer

answered Mar 25 at 14:49

cнŝdkcнŝdk

24.7k66 gold badges3434 silver badges5353 bronze badges

answered Mar 25 at 14:49

cнŝdkcнŝdk

24.7k66 gold badges3434 silver badges5353 bronze badges

answered Mar 25 at 14:49

cнŝdkcнŝdk

24.7k66 gold badges3434 silver badges5353 bronze badges

1

Use sort after split.

const value = 'BALL APPLE BAT';


value.split(' ').sort().map(v => console.log(v));

share|improve this answer

answered Mar 25 at 14:52

ejazejaz

1581313 bronze badges

add a comment | 

1

Use sort after split.

const value = 'BALL APPLE BAT';


value.split(' ').sort().map(v => console.log(v));

share|improve this answer

answered Mar 25 at 14:52

ejazejaz

1581313 bronze badges

add a comment | 

Use sort after split.

const value = 'BALL APPLE BAT';


value.split(' ').sort().map(v => console.log(v));

share|improve this answer

answered Mar 25 at 14:52

ejazejaz

1581313 bronze badges

const value = 'BALL APPLE BAT';


value.split(' ').sort().map(v => console.log(v));

const value = 'BALL APPLE BAT';


value.split(' ').sort().map(v => console.log(v));

const value = 'BALL APPLE BAT';


value.split(' ').sort().map(v => console.log(v));

share|improve this answer

answered Mar 25 at 14:52

ejazejaz

1581313 bronze badges

answered Mar 25 at 14:52

ejazejaz

1581313 bronze badges

answered Mar 25 at 14:52

ejazejaz

1581313 bronze badges