Итерация Синтаксическая проблема ForEach Vue.js

Question

Я попытался выполнить итерацию с использованием Vue.js. Результат Получил ошибку, подобную этой

[Vue warn]: Ошибка в подключенном хуке: «Ошибка типа: this.frontImages.forEach не является функцией»

this.frontImages = {frontA:{name:'frontAName'},frontB:{name:'frontBName'}}; 


this.frontImages.forEach(function(value, index) {

  console.log(value);

}

Answer 1

Для массива:

this.frontImages = [{frontA:{name:'frontAName'},frontB:{name:'frontBName'}}]; 

this.frontImages.forEach(function(value, index) {

  console.log(value);

})

Только для итерации объекта

this.frontImages = {frontA:{name:'frontAName'},frontB:{name:'frontBName'}}; 

Object.values(this.frontImages).forEach(value => {

  console.log(value);

});

Answer 2

.forEach() будет работать только для массивов.

Если вам нужно перебрать свойства объекта JSON, то вот один из способов сделать это:

this.frontImages = {frontA:{name:'frontAName'},frontB:{name:'frontBName'}}; 

var arr = Object.keys(this.frontImages);

arr.forEach(function(value, index) {

  console.log(value, this.frontImages[value]);

});