📜  D3.js 数组搜索 API 完整参考(1)

📅  最后修改于: 2023-12-03 15:30:21.194000             🧑  作者: Mango

D3.js 数组搜索 API 完整参考

D3.js是可视化JavaScript库,提供许多方便而强大的搜索数组的API,本文将介绍这些API的用法和常见问题的解决方案。

d3.min(array[, accessor])

数组的最小值。可选参数accessor指定如何计算数组元素的值,例如:d=>d.x表示读取数组元素的x值。

const arr = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5, 8];
console.log(d3.min(arr)); // 1
d3.max(array[, accessor])

数组的最大值。可选参数accessor指定如何计算数组元素的值,例如:d=>d.x表示读取数组元素的x值。

const arr = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5, 8];
console.log(d3.max(arr)); // 9
d3.extent(array[, accessor])

数组的最小值和最大值。可选参数accessor指定如何计算数组元素的值,例如:d=>d.x表示读取数组元素的x值。

const arr = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5, 8];
console.log(d3.extent(arr)); // [1, 9]
d3.sum(array[, accessor])

数组元素的总和。可选参数accessor指定如何计算数组元素的值,例如:d=>d.x表示读取数组元素的x值。

const arr = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5, 8];
console.log(d3.sum(arr)); // 52
d3.mean(array[, accessor])

数组元素的平均值。可选参数accessor指定如何计算数组元素的值,例如:d=>d.x表示读取数组元素的x值。

const arr = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5, 8];
console.log(d3.mean(arr)); // 4.333333333333333
d3.median(array[, accessor])

数组元素的中位数。可选参数accessor指定如何计算数组元素的值,例如:d=>d.x表示读取数组元素的x值。

const arr = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5, 8];
console.log(d3.median(arr)); // 4.5
d3.quantile(array, p[, accessor])

数组元素的分位数。参数p为分位数(0到1之间的数),例如:0.25表示找到25%位置的数。可选参数accessor指定如何计算数组元素的值,例如:d=>d.x表示读取数组元素的x值。

const arr = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5, 8];
console.log(d3.quantile(arr, 0.75)); // 5
d3.variance(array[, accessor])

数组元素的方差。可选参数accessor指定如何计算数组元素的值,例如:d=>d.x表示读取数组元素的x值。

const arr = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5, 8];
console.log(d3.variance(arr)); // 4.13119834710744
d3.deviation(array[, accessor])

数组元素的标准差。可选参数accessor指定如何计算数组元素的值,例如:d=>d.x表示读取数组元素的x值。

const arr = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5, 8];
console.log(d3.deviation(arr)); // 2.033612669496151
结论

使用D3.js库提供的数组搜索API,能够简洁方便地搜索数组并解决常见问题,提高开发效率。