D3中的map,set基本操作

<!DOCTYPE html>
<body>
</body>

<script src="d3.v3.min.js" charset="UTF-8"></script>
<script>
    var dataset = [{id: 1000, color: "red"},
      {id: 1001, color: "black"},
      {id: 1002, color: "green"},
      {id: 1003, color: "yellow"}]
      
    var map = d3.map(dataset, function(d){ return d.id});
    
    console.log(map.has(1001));
    console.log(map.has(1005));
    
    console.log(map.get(1001));
    console.log(map.get(1005));
    
    map.set(1001, {id: 1001, color: "silver"});
    map.set(1005, {id: 1005, color: "white"});
    map.remove(1002);
    
    console.log(map.keys());
    console.log(map.values());
    console.log(map.entries());
    
    map.forEach(function(key, value) {
        console.log(key);
        console.log(value);
    });
    
    console.log(map.empty());
    console.log(map.size());
    
    dataset = ["tiger", "dragon", "snake", "horse", "sheep"];
    var set = d3.set(dataset);
    
    console.log(set.has("tiger"));
    set.add("monkey");
    set.remove("snake");
    
    console.log(set.values());
    set.forEach(function(value){
        console.log(value);
    });
    console.log(set.empty());
    console.log(set.size());
    
    
    
</script>

猜你喜欢

转载自www.cnblogs.com/aguncn/p/12389916.html
D3
今日推荐