在我们使用d3.js的过程中,除了对数组元素进行求最小值、最大值、平均值和求和之外,还可以将数组中的元素合并生成一个新的数组。下面利用实例说明如何使用merge方法,操作如下:
工具/原料
1
d3.js
2
HTML5
3
JavaScript
4
HBuilder
5
浏览器
6
截图工具
方法/步骤
1
第一步,为了演示merge方法的用法,需要一个静态页面,默认使用HTML5,如下图所示:
2
第二步,在JavaScript标签内,定义三个数组a、b和c,有数值类型和字符串类型,如下图所示:
3
第三步,然后调用d3.js中的merge方法,将第二步中的三个数组进行合并,如下图所示:
4
第四步,保存代码并打开浏览器控制台,查看结果发现出现了报错,如下图所示:
5
第五步,返回HBuilder检查代码发现,调用merge方法需要使用中括号将数组包裹起来,如下图所示:
6
第六步,再次保存代码并预览查看结果,发现三个数组合并成了一个数组,如下图所示:
注意事项
1
注意d3.js中的merge方法的用法
2
注意d3.js中操作数组的各种方法