Как не плодить циклы?

Question

[Erl]

Есть отрывок JSON

{
  "ammo": [
    {
      "caliber": "11,43x23",
      "items": [
        {
          "name": ".45 FMJ",
          "caliber": "11,43x23",
          "damage": "72",
          "arm_pentra": "19",
          "arm_damage": "36%",
          "bullet_frag": "1%",
          "speed": "285",
          "ricochet": "7%"
        },
        {
          "name": ".45 RIP",
          "caliber": "11,43x23",
          "damage": "72",
          "arm_pentra": "19",
          "arm_damage": "36%",
          "bullet_frag": "1%",
          "speed": "285",
          "ricochet": "7%"
        }
      ]
    },
    {
      "caliber": "12,7x108",
      "items": [
        {
          "name": "12.7Б3T",
          "caliber": "12,7x108",
          "damage": "199",
          "arm_pentra": "80",
          "arm_damage": "95%",
          "bullet_frag": "17%",
          "speed": "818",
          "ricochet": "38%"
        },
        {
          "name": "Б-32",
          "caliber": "12,7x108",
          "damage": "182",
          "arm_pentra": "88",
          "arm_damage": "88%",
          "bullet_frag": "17%",
          "speed": "818",
          "ricochet": "38%"
        }
      ]
    },
    {

1) Для того, что бы получить данные name, damage и прочие я пишу 2 цикла for

<div v-for="ammo in info" :key="ammo.caliber">
        <div v-for="ammo in ammo.items" :key="ammo.name">

схематично, *сейчас это всё в компонентах vue*, так просто нагляднее, можно ли как то это делать в 1 цикл? или делать в 2 цикла это нормально?
2) как заметили из json, в caliber, есть items, в одном калибре по несколько items (патронов), но, что бы так же вывести информацию калибра, я дополнительно вписал caliber в items, так как не мог получить во втором цикле название калибра, но, думаю, что это не правильно, как можно получить свойство caliber при выводе name, damage и т.д.?

Answer 1

[alekseyHunter]

Если не хочешь получить ошибку индексации - никак.
Если хочешь - решаешь в лоб info[0].items[0].name.

Совет - не оптимизируй раньше времени. Вот будут затыки в производительности, тогда уже анализируй.
Разницы в 1 или 2 циклах на минимальном количестве элементах - нет.

Comments

[Erl]

а на счет дублирования свойства caliber? это норма?

[alekseyHunter]

Erl, зависит от задачи. Где-то лучше в итеме это опустить, где-то в блоке выше убрать, где-то можно и оставить.

[Erl]

alekseyHunter,
и всё же, не получается в 2 цикла, если я делаю так

<tbody>
      <tr v-for="items in ammo_data" :key="items.name">
        <td>{{items.name}}</td>
        <td>{{items.caliber}}</td>
        <td>{{items.damage}}</td>
        <td>{{items.arm_pentra}}</td>
        <td>{{items.arm_damage}}</td>
        <td>{{items.bullet_frag}}</td>
        <td>{{items.speed}}</td>
        <td>{{items.ricochet}}</td>
      </tr>
    </tbody>

То само собой я получаю лишь 18 объектов caliber, но если я делаю так

<tbody
      v-for="data in ammo_data"
      :key="data.caliber"
    >
      <tr v-for="items in data.items" :key="items.name">
        <td>{{items.name}}</td>
        <td>{{items.caliber}}</td>
        <td>{{items.damage}}</td>
        <td>{{items.arm_pentra}}</td>
        <td>{{items.arm_damage}}</td>
        <td>{{items.bullet_frag}}</td>
        <td>{{items.speed}}</td>
        <td>{{items.ricochet}}</td>
      </tr>
    </tbody>

То само собой получаю 18 , что тоже как минимум семантически не верно, бред какой то =(.....

[alekseyHunter]

Erl, Как данные должны быть представлены на экране?
Выкинь из итемов калибр и оставь в боезапасах.

[Erl]

alekseyHunter,
проблема в том, что у меня 18 tbody

[alekseyHunter]

Erl, замена tbody на div, а tbody наверх подними.

[Erl]

alekseyHunter, пробовал, тогда получается такая каша

Answer 2

[xmoonlight]

json в строку и потом regex того, что нужно