如何将Scala列表转换为JavaScript数组？

Question

如何将Scala列表转换为JavaScript数组？

javascriptscalaplayframework-2.0scala-template

9

有没有更简单的方法做这件事？

 $(document).ready(function () {
        var jsArray = []
        @if(scalaList != null) {
            @for(id <- scalaList) {
            jsArray.push('@id');
           }
        }
    ...
    }

- Markku

4个回答

3

你可以使用mkString方法实现此功能。

  $(document).ready(function () {
    var jsArray = @if(scalaList != null) {
      [ @scalaList.mkString(",") ]} 
    else {[]};
  }

你应该在视图中省略这个if语句。相反，在控制器中检查null并将空列表放入视图中，这样代码在视图中会更加简洁。

 $(document).ready(function () {
    var jsArray = [ @scalaList.mkString(",") ];
 }

您不需要在id周围加上引号' '。在JavaScript中，1 == '1'是true。

- Martin Antczak

2

你尝试过这样的方法吗：

代码示例：

var jsArray = new Array(@scalaList.map(x => "\"" + x + "\"").mkString(","));

或者您可以使用字面量，例如

var jaArray = [    var jsArray = [@scalaList.map(x => "\"" + x + "\"").mkString(",")];

此外，if检查是不必要的。for推导式很聪明。

$(document).ready(function () {
    var jsArray = [@scalaList.map(x => "\"" + x + "\"").mkString(",")];
    ...
}

- korefn

2

我认为每个答案都不错，但仍然不够安全，因为每个答案都没有考虑到包含“或”值的情况。幸运的是，Play框架支持JSON，因此您应该使用JSON将其转换为JavaScript数组。

 @(json: String)
 <html>
 <head>
 </head>
 <body>
 <script>
 var json = @Html(json);
 var list = json.list;
 </script>
 </body>
 </html>
 package controllers

 import play.api._
 import play.api.libs.json._
 import play.api.mvc._

 object Application extends Controller {

   def index = Action {
     val list = List( "hoge\"hoge", "moge'mo\"ge" )
     val json = Json.stringify( Json.obj( 
       "list" -> JsArray( list.map( JsString(_) ) )
     ))
     Ok(views.html.index(json))
   }

 }

- buster84

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Ryan · Accepted Answer

以下过程非常简单：

import play.api.libs.json.Json

val jsArr: JsValue = Json.toJson(scalaList)

您还可以在模板中完成此操作：

@(list: List[Any])

@import play.api.libs.json.Json

<script type="text/javascript">
    $(document).ready(function () {
        var jsArr = @Json.toJson(list);
        console.log(jsArr);
    });
</script>