Question

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

2020-11-08

89

javascript arrays

如何在 javascript 中显示给定数组的值？换句话说，如何使用 console.log 覆盖“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

您可以按照以下方式操作：

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

Sergey

2020-11-08

Answer 2

如果您希望记录数组中的各个值，可以使用 for 循环对它们进行循环。

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

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

console.table(pie);