Как достать значения из многоуровневого объекта?

Question

[Gregory]

Есть таблица, которая рисуется на основе данных из базы. Одна из колонок это ссылки. Когда кликаешь на любую из них открывается модальное окно и объекту currentGen присваивается объект gen с информацией вида:

currentGen : [{
      id: 10,
      name: 'IL15RA',
      fullname: null,
      description_eng: null,
      description_ru: null,
      snps: [
        {
          id: 19,
          gene_id: 10,
          rs: null,
          name: null,
          name2: null,
          description_ru: null,
          genotypes: [
            {
              id: 30,
              snp_id: 19,
              value: 'CC',
              frequency: 21.6,
              description_ru: null
            },
            {
              id: 28,
              snp_id: 19,
              value: 'AA',
              frequency: 21.7,
              description_ru: null
            },
            {
              id: 29,
              snp_id: 19,
              value: 'AC',
              frequency: 56.7,
              description_ru: null
            }
          ]
        }
      ]
    }]

Также есть график вида диаграмма, который отрисовывается на основе данных currentGen.snps.genotypes.value - это подписи к диаграмме, и currentGen.snps.genotypes.frequency - это процентное соотношение.

Вот эти два параметра мне необходимо передать в объект chartgendata вида:

chartgendata: {
      			labels: [],
      			datasets: [
      				{
      				label: 'default',
      				backgroundColor:  [
	      				'#177ef8',
	      				'#07f816',
	      				'#f80b1f'
      				],
      				data: []
      				}
      			]
      		}

На клик по ссылке я передаю текущий объект в currentGen и туда же хочу добавить передачу данных для графика, но получаю ошибку: this.currentGen.snps.genotypes is undefined. При этом, если я передам, например одноуровневое значение this.currentGen.name то он его передает нормально без ошибок.

Вот так выглядит моя попытка передать данные, помогите поправить код:

chosenGen(gene){
    var i = 0;

    this.currentGen = gene;

    this.chartgendata.labels.push(this.currentGen.snps.genotypes[i].value);
    this.chartgendata.datasets[0].data.push(this.currentGen.snps.genotypes[i].frequency);

    i++;
}

Answer 1

[0xD34F]

получаю ошибку: this.currentGen.snps.genotypes is undefined

Э-э-э, но ведь snps - массив. Наверное, надо так - this.currentGen.snps[0].genotypes. Или forEach'ем по нему пробежаться, если элементов может быть несколько.

UPD. А вообще, по-хорошему, выбора гена должен сводиться к простому присваиванию, объект с данными для графика следует сделать вычисляемым свойством. Примерно так.

Comments

[Gregory]

0xD34F, попробовал запись такого типа: this.chartgendata.datasets[0].data.push(this.currentGen.snps[0].genotypes[0].frequency);
Ошибка та же: this.currentGen.snps.genotypes is undefined

[0xD34F]

Свойство currentGen тоже массив.

[Gregory]

0xD34F, да, ну он же одинарный..
а стоп.. Ваш первый вариант все же сработал, я его прописал сначала только в параметр data, а теперь добавил в labels и все отобразилось.
Спасибо! Буду доделывать, и, наверное, нужно все же через foeach делать..

[Gregory]

0xD34F, а можно еще маленький вопрос? я дописал функцию с помощью each, но почему-то заносится только последние значения в данные, а не все. Что я делаю не так, хотя console.log показывает весь массив верно. Вот функция:

chosenGen(gene, chartgendata){
    		
    		this.currentGen = gene;
    		$.each(this.currentGen.snps[0].genotypes, function(key, value) {
 
			console.log(value.value, value.frequency);
			chartgendata.labels = [value.value];
			chartgendata.datasets[0].data = [value.frequency];


			});
    	},

[0xD34F]

На каждой итерации each'а вы создаёте новый массив из одного значения, вместо того, чтобы дописывать данные в уже существующий. Полагаю, должно быть как-то так:

chartgendata.labels.push(value.value);
chartgendata.datasets[0].data.push(value.frequency);

[Gregory]

0xD34F, да, я уже так сделал.. однако, теперь предыдущие данные накладываются на новые, ну т.е я закрыл модальник кликнул на другую ссылку, и он вывел график уже из 6 объектов 3 предыдущих и 3 новых, пробовал обнулять объект chartgendata перед each, но тогда он говорит что chartgendata.label underfined

[0xD34F]

Наверное, "обнуляете" неправильно. Попробуйте перед each'ем пустые массивы указывать. Как-то так:

chartgendata.labels = [];
chartgendata.datasets[0].data = [];

[Gregory]

0xD34F, да, супер! заработало =)
Спасибо большое, Вам.