访问对象的对象

Question

我正在使用 Datamaps 插件，并且正在尝试访问另一个对象中的对象。

这里我想在options中获取data的所有值。请看console.log回答下面的截图。

这里是 js：

var map = new Datamap({
  scope: "fra",
  element: document.getElementById("map-france"),
  responsive: true,
  fills: {
    defaultFill: "#EDE8D6",
    "1-50": color_dept[4],
    "51-100": "#EDE8D6",
    "101-150": "#E2DABF",
    "151-200": "#CEC191",
    "201-300": "#BCAE7C",
    "301-400": "#9D893E",
    "401-": "#827131",
  },
  data: {
    YV: {
      fillKey: "#EDE8D6",
    },
    AM: {
      fillKey: "51-100",
    },
  },
  geographyConfig: {
    popupTemplate: function (geo, data) {
      for (const val of uniqueValues) {
        if (geo.properties.name == val) {
          return [
            '<div class="hoverinfo"><strong>',
            val,
            "<br/>",
            dataValues.filter((v) => v == val).length,
            " parrainages",
            "</strong></div>",
          ].join("");
        }
      }
    },
    hideAntarctica: true,
    hideHawaiiAndAlaska: false,
    borderWidth: 1,
    borderOpacity: 1,
    borderColor: "#D2D3B5",
    popupOnHover: true, // True to show the popup while hovering
    highlightOnHover: true,
    highlightFillColor: "#1E2382",
    highlightBorderColor: "#FFFFFF",
    highlightBorderWidth: 1,
    highlightBorderOpacity: 1,
  },
  setProjection: function (element) {
    var projection = d3.geo
      .mercator()
      .center([2.454071, 46.279229])
      .rotate([0, 0])
      .scale(1700)
      .translate([350, 225]);
    var path = d3.geo.path().projection(projection);

    return {
      path: path,
      projection: projection,
    };
  },
});


Object.entries(map).map((item) => {
  console.log("item 1 : ", item);
});

Answer 1

例如

const mapExample = new Map()

mapExample.set("test", 
{"nestedObj":{"newObject":"new Obj value"}})

现在，在此之上映射将为您提供一个包含顶级对象“test”的数组

获取“newObject”的嵌套值的值：

Object.entries(mapExample.get("test")).map(i=> console.log(i[1].newObject))

或

Object.entries(mapExample.get("test")).map(i=> {
  let [key,value] = i
  console.log(key,value)
});

可以将其复制并发布到 chrome 控制台中并对其进行处理，以查看不同的结果。

但关键采取方式是 Object.entries 以 ["key":"value"] 顺序返回您的对象数组。