Angular - 如何将 Object 转换为数组

Question

I'm working on a line chart of ChartJS library. I have this object and I would like to transform it in an array, because I want to use its data on it. Searching on the net I found that map it's the easiest way to do that but I can't actually use it on Object, but only on arrays. How can i convert it in an array or simply use the json data on the line chart? That's the json object i have right now.

{labels: Array(2), values: Array(2)}
labels: (2) ["sales-be", "sales-mw"]
values: (2) [48, 8]

i tried like this but it gives me errors:

var labels = this.errorsList.map(function (e) {
      return e.labels;
    });

    var datas = this.errorsList.map(function (e) {
      return e.values;
    });

TypeError: this.errorsList.map is not a function

Answer 1

The properties are already arrays. So you could access them directly.

Try the following

export class AppComponent {
  errorsList = {
    labels: ["sales-be", "sales-mw"],
    values: [48, 8]
  };

  ngOnInit() {
    this.chartData = [{
      data: this.errorsList.values,
      label: 'Sales',
      fill: false
    }];

    this.chartLabels = this.errorsList.labels;

    this.chartColors = [{
      backgroundColor: 'rgba(0, 0, 0, 0)',
      borderColor: 'rgba(255, 15, 15, 1)'
    }];
  };
}

Template

<div id="chart-container">
    <canvas #myCanvas id="canvas" baseChart [chartType]="chartType" [datasets]="chartData" [labels]="chartLabels" [colors]="chartColors" [options]="chartOptions"></canvas>
</div>

Working example: Stackblitz

Here the errorsList is defined with hard values only for illustration. You don't have to define it in your code.

Again this code is an example and it's only here to illustrate how to use the properties from your object, nothing more.