D3.js nest.object()函数

D3.js 中的nest.object()函数用于将嵌套运算符应用于给定数组并返回键值对的嵌套对象。

句法：

nest.object( array )

参数：此函数接受如上所述和如下所述的单个参数：

• Array：此参数保存对象数组。

返回值：返回对象。

下面是上述函数的几个例子

示例 1：当不存在重复键时。

HTML

  

    
    
  
    
        .originalColor {
            height: 100px;
            width: 100px;
        }
  
        .darkerColor {
            height: 100px;
            width: 100px;
        }
    

  

  
    
    
    
      
    
        // Forming the array of objects
        let array = [
            { car: "car1" }, { model: "model1" },
            { car: "car2" }, { model: "model1" },
            { car: "car3" }, { model: "model2" },
            { car: "car4" }, { model: "model2" },
            { car: "car5" }, { model: "model3" }
        ]
        let data = d3.nest()
            .key(function (d) { return d.car; })
            .key(function (d) { return d.model; })
            .object(array)
        console.log("Type is: ", typeof array)
        console.log(data);
    

  

输出：

示例2：当存在重复键并访问那些在访问时不存在的键时，输出未定义。

HTML

  

    
    
  
    
        .originalColor {
            height: 100px;
            width: 100px;
        }
  
        .darkerColor {
            height: 100px;
            width: 100px;
        }
    

  

    
    
    
      
    
        // Forming the array of objects
        let array = [
            { car: "car1" }, { model: "model1" },
            { car: "car3" }, { model: "model1" },
            { car: "car3" }, { model: "model2" },
            { car: "car3" }, { model: "model2" },
            { car: "car5" }, { model: "model3" }
        ]
        let data = d3.nest()
            .key(function (d) { return d.car; })
            .key(function (d) { return d.model; })
            .key(function (d) { return d.car; })
            .object(array)
        console.log(data);
        console.log(data.car1);
  
        // Key does not exists so 
        // output is undefined
        console.log(data.car2);
        console.log(data.car3);
    

  

输出：