如何使用Vue循环对象，类似于PHP？

我有一个目标如下

$object_zero = {
    'one' : 'one year',
    'two' : 'two year',
    'three' : 'there year',
    'four' : 'four year',
    'five' : 'five year',
    'six' : 'six year',
    'seven' : 'seven year',
    'eight' : 'eight year',
};

$object = { 'one' : '1 Year', 'two' : '2 Year', 'three' : '3 Year', 'akta' : '12', 'mars' : '48' }

我的另一个目标是

$object_zero = {
    'one' : 'one year',
    'two' : 'two year',
    'three' : 'there year',
    'four' : 'four year',
    'five' : 'five year',
    'six' : 'six year',
    'seven' : 'seven year',
    'eight' : 'eight year',
};

$object = { 'one' : '1 Year', 'two' : '2 Year', 'three' : '3 Year', 'akta' : '12', 'mars' : '48' }

我可以在php中这样做

foreach($object_zero as $key => $val){
     echo $object->$key;
}

那么如何使用vue.js实现这一点呢

我无法启动它。我的目标是只写包含第一个对象的键的文本

<div v-for="(v, k, index) in data.object_zero">
      <p v-if="object.k" class="mb-0">
          {{ object.k }} - 
      </p>
</div>

---

数组在JavaScript中没有键

考虑使用一个对象，

---

在Vue中使用阵列时可以看到这一点

模板

{{val}}

排列

数组：[
“1年”，
“2年”，
“3年”
]

数组在JavaScript中没有键

考虑使用一个对象，

---

在Vue中使用阵列时可以看到这一点

模板

{{val}}

排列

数组：[
“1年”，
“2年”，
“3年”
]

您可以在Vue模板中循环查看对象的属性，如下所示：

<div v-for="(value, key) in object" :key="key">
  {{ key }}: {{ value }}
</div>

{{key}}:{{value}

请记住，严格来说，对象在JavaScript中没有定义的顺序。Vue.js的顺序为

Object.keys（）

，它可能具有您不期望的输出。在这种情况下，您通常希望使用数组

---

另请参见文档：

您可以在Vue模板中循环查看对象的属性，如下所示：

<div v-for="(value, key) in object" :key="key">
  {{ key }}: {{ value }}
</div>

{{key}}:{{value}

请记住，严格来说，对象在JavaScript中没有定义的顺序。Vue.js的顺序为

Object.keys（）

，它可能具有您不期望的输出。在这种情况下，您通常希望使用数组

---

---

另请参阅文档：

JS中的数组类似于

x=[1,2，“nice”，true，“ok”]

。因此，基本上你的

$array

和

$object

在JS中是一样的，都是对象。另外，作为最终结果，您到底想要实现什么：一些i18n具有

one

/

1year

/

one year

？我想在屏幕上打印对象中的值。1年2年3年SemsiPasa你试过香草JS

Object.keys（你的对象）

？我想我无法表达我自己。我们将对象_zero放入for循环并获取其键。但在php中，当我们键入object.key时，格式为object->$key，我们无法在屏幕上打印另一个对象的数据。但是当有一个数组时，我们可以将其作为数组[key]写入屏幕。JS中的数组类似于

x=[1,2，“nice”，true，“ok”]

。因此，基本上你的

$array

和

$object

在JS中是一样的，都是对象。另外，作为最终结果，您到底想要实现什么：一些i18n具有

one

/

1year

/

one year

？我想在屏幕上打印对象中的值。1年2年3年SemsiPasa你试过香草JS

Object.keys（你的对象）

？我想我无法表达我自己。我们将对象_zero放入for循环并获取其键。但在php中，当我们键入object.key时，格式为object->$key，我们无法在屏幕上打印另一个对象的数据。但是当有一个数组时，我们可以将其作为array[key]写入屏幕。这绝对不是我要问的。我想使用数组的键并在对象中显示值。@SemsiPasa数组在JavaScript中没有键。就这么简单。@SemsiPasa看到了一个可能适合您的对象的解决方案的更新答案。我意识到我问的问题是错误的，对不起，我更新了这个问题。@SemsiPasa我的解决方案完全符合您的要求<这绝对不是我要问的。我想使用数组的键并在对象中显示值。@SemsiPasa数组在JavaScript中没有键。就这么简单。@SemsiPasa看到了一个可能适合您的对象的解决方案的更新答案。我意识到我问的问题是错误的，对不起，我更新了这个问题。@SemsiPasa我的解决方案完全符合您的要求<代码>{{val}}

如果你想保持秩序，也是一个不错的选择。我想我无法表达我自己。我们将对象_zero放入for循环并获取其键。但在php中，当我们键入object.key时，格式为object->$key，我们无法在屏幕上打印另一个对象的数据。但是当存在数组时，我们可以将数组[key]写入屏幕。

object\u zero

是数组还是对象？如果它是一个对象，你可以使用我上面的例子，如果它是一个数组，你可以使用@tauzN的例子。在我的示例中，变量

key

和

value

自动设置为每个循环中的属性key和value。如果这不能回答您的问题，您肯定需要详细说明问题所在。@ssc-hrep3“echo$object->$key；”我可以用php这样打印。另一个对象中的值。我也在用php做同样的事情。“echo$object->one；”->1年。在vuejs方面，让我们以两个阵列为例。让array1进入for循环并获取其索引。{{array2[index]}}这是可行的。但是对于一个对象，让我们以object1和object2为例。让我们将object1放入for循环并获取键值。{{object2.key}}它不是那样工作的。

key

在这种情况下是一个变量。您正在访问

object2

的属性

“key”

，而不是变量

key

后面的值。使用

object2[key]

代替

object2.key

。如果你想维持秩序的话，你也可以选择。我想我无法表达我自己。我们将对象_zero放入for循环并获取其键。但在php中，当我们键入object.key时，格式为object->$key，我们无法在屏幕上打印另一个对象的数据。但是当存在数组时，我们可以将数组[key]写入屏幕。

object\u zero

是数组还是对象？如果它是一个对象，你可以使用我上面的例子，如果它是一个数组，你可以使用@tauzN的例子。变量

键

和