Javascript 将数组值用作另一个数组中的键

我一直在读数组。有一个源阵列：

tnails: [
    {
      mil: '/static/mini/t-icon-mil.png',
      mar: '/static/mini/t-icon-mar.png',
      brd: '/static/mini/t-icon-brd.png',
      prs: '/static/mini/t-icon-prs.png',
      pol: '/static/mini/t-icon-pol.png',
      fbr: '/static/mini/t-icon-fbr.png'
    }
  ],

还有一个：

this.headers = [
        {
          mil: 'Entry No. 1',
          mar: 'Entry No. 2',
          brd: 'Entry No. 3',
          prs: 'Entry No. 4',
          pol: 'Entry No. 5',
          fbr: 'Entry No. 6'
        }
      ]

我试图使用部分tnails数组项作为键来显示headers数组中的值：

tn.substring(20, 23)

它给出了我打算使用的mil、mar等值

它现在的格式如下：

      <v-layout v-for="t in tnails" :key="t.id">
        <v-flex v-for="tn in t" :key="tn.id">
          <v-tooltip>
            <img :src="tn" slot="activator">
            <span>{{ headers (???) tn.substring(20, 23) }}</span>
          </v-tooltip>
        </v-flex>
      </v-layout>

---

我应该如何组合这两个数组中的数据以显示标题中的条目？

您可以使用括号表示法引用headers对象的属性，使用解析后的字符串作为键

headers[index][tn.substring(20, 23)]

---

是TNTnails吗？标题[tn.substring20，23]？是的，这里有说明：v-for=t在tnails中。@guest271314:headers[0][tn.substring20，23]注意0索引起作用。请将其作为答案发布&谢谢！我认为不必使用tn.substring20、23，也可以使用tnails对象键。