D3.js的基础部分之数组的处理 映射(v3版本)

 1 //用于构建映射的数组
 2         var dataList = [
 3             {id:1000,color:"red"},
 4             {id:1001,color:"green"},
 5             {id:1002,color:"blue"}
 6         ]
 7 
 8         //以数组dataList构建映射，并以其中各项的id作为键
 9         var map = d3.map(dataList,function(d){return d.id})
10 
11         //打印一下各方法的返回值
12         console.log(map.has(1001))      //返回true
13         console.log(map.has(1003))      //返回false
14 
15         console.log(map.get(1001))      //返回{id: 1001, color: "green"}
16         console.log(map.get(1003))      //返回undefined
17 
18         //将1001键的值设置为{id:1001,color:"yellow"}
19         map.set(1001,{id:1001,color:"yellow"})
20         console.log(map.get(1001))      //返回值{id: 1001, color: "yellow"}
21         
22         // 将1003键的值设置为{id:1003,color:"white"}
23         map.set(1003,{id:1003,color:"white"})
24         console.log(map.get(1003))      //返回值{id: 1003, color: "white"}
25 
26         map.remove(1001) 
27         console.log(map.has(1001))      //返回值false
28 
29         console.log(map.keys())         //返回值 ["1000", "1002", "1003"]
30         console.log(map.values())       //返回值[
31                                         //          {id:1000,color:"red"},
32                                         //          {id:1002,color:"blue"},
33                                         //          {id:1003,color:"white"}
34                                         //      ]
35                                         
36         console.log(map.entries())      //返回值[
37                                         //         {key: "1000", value:{id: 1000, color: "red"}}
38                                         //         {key: "1002", value:{id: 1002, color: "blue"}}
39                                         //         {key: "1003", value:{id: 1003, color: "white"}}
40                                         //      ]
41 
42         //该循环会进行三次，键一次为1000，1002,1003
43         map.forEach(function(key,value){
44             console.log(key)            //返回值依次为 1000、1002、1003
45             console.log(value)          //返回值依次为 {id: 1000, color: "red"}、{id: 1002, color: "blue"}、{id: 1003, color: "white"}
46         })
47 
48         console.log(map.empty())        //返回值false
49         console.log(map.size())         //返回值3