Java 腳本從數組中的 map 中提取所有值

Question

使用 spring 啟動，我從后端得到一個列表，所以在 HTML 中：

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

通過查看頁面源，我發現它給了我：

<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>

現在我想提取所有的“productid”和“counts”，並將它們相應地分配給新變量，比如

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

我怎么能做到這一點？

我努力了：

var temp = test[0].productid;

Answer 1

您可以使用map function 提取 object 屬性

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

Answer 2

如果需要，您也可以使用 Thymeleaf 來完成此操作（我認為 JavaScript 也很好，只是您可以使用的另一個工具）。

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

請參閱集合投影。