Java script extract all values from a map in an array

Question

Using spring boot,I get a list from the backend,so in HTML:

<script th:inline="javascript">
   var test = [[${productRecords}]];
</script>

By viewing the page source, I found it gives me:

<script th:inline="javascript">
       var test [{"productid":1,"productname":"nail","productcosttime":null,"img":null,"counts":8,"bookings":[]},{"productid":2,"productname":"hairWash","productcosttime":null,"img":null,"counts":40,"bookings":[]},{"productid":7,"productname":"jiemao","productcosttime":null,"img":null,"counts":1,"bookings":[]},{"productid":6,"productname":"makeUp","productcosttime":null,"img":null,"counts":1,"bookings":[]}];
</script>

Now I want to extract all the 'productid' and 'counts', and assign them to new variables conrespondingly, like

var productid = [1,2,7,6]
var counts = [8,4-,1,1]

How could I achieve this?

I have tried:

var temp = test[0].productid;

Masood · Accepted Answer · 2021-04-15 21:41:45Z

1

You can extract object properties using map function

let productids = test.map(obj => obj.productid) //[1,2,7,6]
let count_result = test.map(obj => obj.counts)  //[8,4-,1,1]

edited Apr 15, 2021 at 21:41

Masood

1,6041 gold badge23 silver badges33 bronze badges

answered Apr 15, 2021 at 21:33

Ryuzaki L

40.4k14 gold badges81 silver badges111 bronze badges

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

Comments

Metroids · Accepted Answer · 2021-04-16 00:22:38Z

0

You can also accomplish this with Thymeleaf if you want (I think the JavaScript is fine as well, just another tool you can use).

let productid = [[${productRecords.![productid]}]];
let counts = [[${productRecords.![counts]}]];

See collection projection.

answered Apr 16, 2021 at 0:22

Metroids

20.6k4 gold badges49 silver badges56 bronze badges

Collectives™ on Stack Overflow

Java script extract all values from a map in an array

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related