javascript: цикл через вложенный объект/массив и добавление свойства

Question

Я не очень силен с Javascript. У меня есть вложенный массив, который представляет собой JSON-представление бэкэнд-данных. Он показывает список доказательств и изображений, используемых в каждом доказательстве. Его внешний вид, как показано ниже:

var project = [{ 
    "proof":"Proof_1", 
    "images":[ 
     { 
      "image_id":"12469", 
      "name":"1911791794.jpg", 
     }, 
     { 
      "image_id":"12470", 
      "name":"1911802897.jpg" 
     }, 
     { 
      "image_id":"12471", 
      "name":"1911761073.jpg" 
     } 
}, 
{ 
    "proof":"Proof_2", 
    "images":[ 
     { 
      "image_id":"12469", 
      "name":"1911791794.jpg", 
     }, 
     { 
      "image_id":"12470", 
      "name":"1911802897.jpg" 
     } 
}]; 

Я хочу добавить IMAGE_COUNT каждого доказательства секции, так что модифицированная структура данных выглядит следующим образом:

var project = [{ 
    "proof":"Proof_1", 
    "image_count": 3, //<----this is new property I want to add 
    "images":[ 
     { 
      "image_id":"12469", 
      ... 

Я проверил некоторые ответы, но из-за мое отсутствие понимания javascript iteration правильно Я не могу это сделать.

Когда я: для (доказательство в проекте) { console.log (proof); }

Я просто получаю 0,1,2 ... и т.д. напечатан. Я не получаю это, поэтому я помогаю кому-то в SO, поможет мне понять, как добавить это свойство, которое я хочу.

Заранее спасибо.

Answer 1

Вы можете использовать .map или простой цикл

var projects = [{ 
 
    "proof": "Proof_1", 
 
    "images": [{ 
 
    "image_id": "12469", 
 
    "name": "1911791794.jpg", 
 
    }, { 
 
    "image_id": "12470", 
 
    "name": "1911802897.jpg" 
 
    }, { 
 
    "image_id": "12471", 
 
    "name": "1911761073.jpg" 
 
    }] 
 
}, { 
 
    "proof": "Proof_2", 
 
    "images": [{ 
 
    "image_id": "12469", 
 
    "name": "1911791794.jpg", 
 
    }, { 
 
    "image_id": "12470", 
 
    "name": "1911802897.jpg" 
 
    }] 
 
}]; 
 

 
projects = projects.map(function (element) { 
 
    element.image_count = element.images.length; 
 
    return element; 
 
}); 
 

 
console.log(projects); 
 

 
var len = projects.length, i; 
 
for (i = 0; i < len; i++) { 
 
    projects[i].image_count = projects[i].images.length; 
 
} 
 

 
console.log(projects);

Answer 2

Вы можете воспользоваться Array.prototype.map способом:

project = project.map(function (item) { 
    item.image_count = item.images.length; 
    return item; 
}); 

Working demo.

Кроме того, как указал @Sebastian Lasse, вы должны назвать свой массив, используя множественную форму, чтобы избежать путаницы (projects вместо project).

Answer 3

Вы могли бы - после коррекции отсутствующей ] ошибки в вашем JSON - это сделать:

project.forEach(function(proof) { 
    proof.image_count = proof.images.length; 
}) 

демо ->http://jsfiddle.net/dLd8wvpb/