如何在javascript的控制台中显示这个数组中的值？

Question

如何在javascript中显示给定数组的值？ 换句话说，如何使用 console.log over "pie" 来显示（42.9、37.9 和 19.2）？

它尝试了 console.log(Object.values(pie)) 但没有奏效。 非常感谢。

这就是我创建数组的方式：

var width = 350
    height = 350
    margin = 40

// The radius of the pieplot is half the width or half the height (smallest one). I subtract a bit of margin.
var radius = Math.min(width, height) / 2 - margin


// append the svg object to the div called 'my_dataviz'
var svg = d3.select("#my_dataviz_b")
  .append("svg")
    .attr("width", width)
    .attr("height", height)
  .append("g")
    .attr("transform", "translate(" + width / 2 + "," + height / 2 + ")");

    var color =["#98abc5", "#8a89a6", "#7b6888"]
    var annotations = ["Home win", "Draw game", "Away win"]
  

  
  var data = d3.selectAll('.values_half_before').nodes();


  

  var pie = d3.pie()   //we create this variable, for the values to be readeable in the console
  .value(function(d) {return d.innerHTML; })(data);

Answer 1

如果您想记录数组的各个值，您可以使用 for 循环遍历它们。

for (let i = 0; i < pie.length; i++) {
    console.log(pie[i].value);
}

您也可以使用console.table 。 这将在一个漂亮的表格概览中显示这些值。

console.table(pie);

Answer 2

你可以这样做：

pie.forEach((item) => {
  console.log(item.value)
});