Javascript зацикливание и создание объекта - PullRequest
Новая
       7

Javascript зацикливание и создание объекта

0 голосов
/ 24 апреля 2020

У меня есть следующее JSON: 

[
  {
    "name": "sp5",
    "damage": "68",
    "penetration": "35",
    "class1": "6",
    "class2": "6",
    "class3": "6",
    "class4": "5",
    "class5": "3",
    "class6": "2"
  },
  {
    "name": "sp6",
    "damage": "58",
    "penetration": "43",
    "class1": "6",
    "class2": "6",
    "class3": "6",
    "class4": "6",
    "class5": "5",
    "class6": "4"
  }
]

У меня есть функция, которая зацикливается на объектах в массиве, а затем зацикливает на свойствах / ключах этого объекта и пытается сделать и pu sh свойства наносят урон через class6 каждого объекта своему новому объекту и массиву chart.data.datasets. Я получаю 16 значений в каждом массиве данных объектов вместо желаемых 8. 

function createObjectsForChart(data) {
        console.log(`Data: ${data}`);
        const chart = {
          type: 'bar',
            data: {
                labels: ["Damage", "Penetration", "Class1", "Class 2", "Class 3", "Class 4", "Class 5", "Class 6"],
                datasets: [],
            }
          }
          const dataset = {
            label: "",
            fillColor: "rgba(220,220,220,0.5)",
            strokeColor: "rgba(220,220,220,0.8)",
            highlightFill: "rgba(220,220,220,0.75)",
            highlightStroke: "rgba(220,220,220,1)",
            data: []
          }

          let myChart = Object.create(chart);

          data.forEach((item, i) => {
            console.log(`Item: ${item}, Index: ${i}`);


            console.log(`Data length: ${data.length}`);
            //data[i]

            let myData = Object.create(dataset);
            count = 0;
            for (const property in item) {
              if(count >= 1) {

                //console.log(`Value: ${data[i][property]}`);
                myData.data.push(item[property]);
              }
              console.log(`Property: ${property}, Value: ${item[property]}`);
              count++;
            }
            myData.label = data[i].name;
            myChart.data.datasets.push(myData);
          });






          //myChart.data.datasets[0].highlightStroke = "";
          console.log(myChart.data.datasets);
      }

Ответы [ 2 ]

0 голосов
/ 24 апреля 2020 

var x=[
  {
    "name": "sp5",
    "damage": "68",
    "penetration": "35",
    "class1": "6",
    "class2": "6",'https':'//stackoverflow.com/editing-help',
    "class3": "6",
    "class4": "5",
    "class5": "3",
    "class6": "2"
  },
  {
    "name": "sp6",
    "damage": "58",
    "penetration": "43",
    "class1": "6",
    "class2": "6",
    "class3": "6",
    "class4": "6",
    "class5": "5",
    "class6": "4"
  }
]
createObjectsForChart(x);

function createObjectsForChart(data) {
        console.log(`Data: ${data}`);
        const chart = {
          type: 'bar',
            data: {
                labels: ["Damage", "Penetration", "Class1", "Class 2",
                "Class 3", "Class 4", "Class 5", "Class 6"],
                datasets: [],
            }
          }
          const dataset = {
            label: "",
            fillColor: "rgba(220,220,220,0.5)",
            strokeColor: "rgba(220,220,220,0.8)",
            highlightFill: "rgba(220,220,220,0.75)",
            highlightStroke: "rgba(220,220,220,1)",
            data: []
          }

          let myChart = Object.create(chart);

          data.forEach((item, i) => {
            console.log(`Item: ${item}, Index: ${i}`);


            console.log(`Data length: ${data.length}`);
            //data[i]

          //  let myData = Object.create(dataset);
         let myData =   Object.assign({}, dataset, {data: []})
            count = 0;
            for (const property in item) {
              if(count >= 1) {

                //console.log(`Value: ${data[i][property]}`);
                myData.data.push(item[property]);
              }
              console.log(`Property: ${property}, Value: ${item[property]}`);
              count++;
            }
            myData.label = data[i].name;
            myChart.data.datasets.push(myData);
          });






          //myChart.data.datasets[0].highlightStroke = "";
          console.log(myChart.data.datasets);
      }
0 голосов
/ 24 апреля 2020

Проблема в том, что вы пытаетесь создать глубокую копию переменной dataset, используя Object.create. Он не создает глубокую копию, и все копии будут совместно использовать один экземпляр массива data. В качестве быстрого грязного исправления вы можете вместо этого использовать Object.assign({}, dataset, {data: []})

...