在使用 d3.js 时,会接触到类似 ES6 的 map 结构,可用于存储键值对。通过 get 方法可获取指定键对应的值。以下通过具体示例演示 d3.js 中 map 的基本用法,包括创建映射、添加数据及读取元素等操作,帮助理解其在实际场景中的应用方式。
1、 启动HBuilder编辑器,创建静态页面,修改title标签内容,具体操作所示。
2、 在script标签内创建一个对象数组,并将其赋值给变量p,具体操作所示。
3、 第三步,调用d3的map方法,通过回调函数遍历并返回其中的每个元素,具体所示。
4、 第四步,调用d3.js的get()方法读取map中的元素值,并将其输出显示,具体效果所示。
5、 保存代码后打开浏览器控制台,查看输出结果,却发现出现报错,具体所示。
6、 第六步,将调用对象map进行修改,再传入其value值,具体操作所示。
