Можно ли разбить эту длинную матрицу на несколько строк в коде?

Question

Я знаю, что строки в JS можно разбить на несколько строк, но как насчет матрицы?

$('#map').gameMap({map:[[{"tile":"grass_0","object":""},{"tile":"grass_0","object":""},{"tile":"grass_3","object":""}],[{"tile":"grass_0","object":""},{"tile":"grass_3","object":""},{"tile":"grass_0","object":""}],[{"tile":"grass_1","object":""},{"tile":"grass_0","object":""},{"tile":"grass_2","object":""}]],xpos:-1,ypos:-1,mapsize:3});

Моим руководителям нравится видеть код, содержащийся на одной странице, без необходимости прокрутки для просмотра длинных строк.

Answer 1

Конечно, это может ... Вы можете разбить его, как вам нравится, если вы не разбиваете середину строки.

$('#map').gameMap(
      {map:[
         [
           {"tile":"grass_0","object":""},
           {"tile":"grass_0","object":""},
           {"tile":"grass_3","object":""}
         ],
         [
           {"tile":"grass_0","object":""},
           {"tile":"grass_3","object":""},
           {"tile":"grass_0","object":""}
         ],
         [
           {"tile":"grass_1","object":""},
           {"tile":"grass_0","object":""},
           {"tile":"grass_2","object":""}
         ]
     ],
     xpos:-1,
     ypos:-1,
     mapsize:3
     }
);

Answer 2

JavaScript не имеет матричной структуры данных.Здесь у вас есть объектный литерал ({ map : ... }), который содержит массив массивов объектных литералов.

Помимо этого, как указывали другие, вы, конечно, можете разбить его на несколько строк, что такжедает вам возможность добавить некоторые разумные отступы, которые значительно облегчат чтение и изменение в будущем.Лично я поклонник стиля запятой , который, я думаю, имеет как наибольшую читабельность, так и наименьший потенциал для (программистской) ошибки (то есть пропущенных запятых) наряду с выровненными двоеточиями (:) издоровая доза пробела:

$('#map').gameMap(
  { map     : [ [ { "tile" : "grass_0", "object" : "" }
                , { "tile" : "grass_0", "object" : "" }
                , { "tile" : "grass_3", "object" : "" }
                ]
              , [ { "tile" : "grass_0", "object" : "" }
                , { "tile" : "grass_3", "object" : "" }
                , { "tile" : "grass_0", "object" : "" }
                ]
              , [ /* and so on... */
                ]
              ]
  , xpos    : -1
  , ypos    : -1
  , mapsize :  3
  }
);

Answer 3

Вы можете использовать jsfiddle , чтобы привести в порядок код JavaScript.Вот его вывод:

$('#map').gameMap({
    map: [[{
        "tile": "grass_0",
        "object": ""},
    {
        "tile": "grass_0",
        "object": ""},
    {
        "tile": "grass_3",
        "object": ""}], [{
        "tile": "grass_0",
        "object": ""},
    {
        "tile": "grass_3",
        "object": ""},
    {
        "tile": "grass_0",
        "object": ""}], [{
        "tile": "grass_1",
        "object": ""},
    {
        "tile": "grass_0",
        "object": ""},
    {
        "tile": "grass_2",
        "object": ""}]],
    xpos: -1,
    ypos: -1,
    mapsize: 3
});

Answer 4

Возможно что-то вроде этого:

$('#map').gameMap({map:[[{"tile":"grass_0","object":""},
                         {"tile":"grass_0","object":""},
                         {"tile":"grass_3","object":""}],
                        [{"tile":"grass_0","object":""},
                         {"tile":"grass_3","object":""},
                         {"tile":"grass_0","object":""}],
                        [{"tile":"grass_1","object":""},
                         {"tile":"grass_0","object":""},
                         {"tile":"grass_2","object":""}]],
                   xpos:-1,
                   ypos:-1,
                   mapsize:3});