D3.js | d3.values()函数

在D3.js中，d3.values()函数用于返回指定对象的所有属性值数组。通常情况下，使用d3.values()函数较少进行数据处理，但在某些特殊场景下可能会有用处。

语法

d3.values(object)

参数

object：必需，需要返回属性值的对象。

返回值

返回一个包含对象属性值的数组，数组元素的顺序和对象属性的顺序关联。

示例

var myObject = {
   "name": "John",
   "age": 30,
   "city": "New York"
};

console.log(d3.values(myObject)); // ["John", 30, "New York"]

应用场景

列表渲染

在D3.js中，我们经常需要根据数组数据渲染出列表，而d3.values()函数可以直接返回数组数据，方便地进行列表渲染。

var myData = [
   {"name": "Tom", "age": 22},
   {"name": "Bob", "age": 18},
   {"name": "Jack", "age": 25},
];

d3.select("ul")
  .selectAll("li")
  .data(myData)
  .enter()
  .append("li")
  .text(function(d) {return d3.values(d).join(", ");});

风险码矩阵

在风控领域中，通常需要按不同参数组合进行风险评估，从而形成风险码矩阵。此时，d3.values()函数可以很方便地返回不同参数组合的值，从而进行风险评估计算。

var riskMatrix = {
  "parameter1_1": {"parameter2_1": 2, "parameter2_2": 4},
  "parameter1_2": {"parameter2_1": 3, "parameter2_2": 5},
};

var parameter1 = "parameter1_1";
var parameter2 = "parameter2_2";

console.log(riskMatrix[parameter1][parameter2]); // 4

参考

• d3.js官方文档