主页 / 问题 / 1201977
Accepted
rabbit
Asked:2021-11-09 09:47:20 +0000 UTC2021-11-09 09:47:20 +0000 UTC

一个对象的多个键

  • 772

我需要将多个键与一个对象相关联。例如，我有这个代码：

var obj = {
  1 : "class1",
  2 : "class1",
  3 : "class2",
  4 : "class2",
  5 : "class3",
  6 : "class3",
  7 : "class4",
  ...
  n : "classn",
};

而且我需要根据索引将类分配给少数 div。我在 jquery 中这样做：

$('.container div').each(function(i) {
  $(this).addClass(obj[i]);
});

一切正常，但我会有几十个这样的 div .. 想象一下在每个 div 里面写它的索引和类，obj这有点不合理。

在上面的代码中，对象被分配给每个键。而对我来说恰恰相反。对于一个对象，一些键。像这样的东西：

var obj = {
  1, 2 : "class1",
  3, 4 : "class2",
  5, 6 : "class3",
  7, 8, 9, 10 : "class4",
  ...
  n, n2 : "classn",
};

但这不起作用，也不会。请告诉我，我该如何做这样的事情，以免为每个键产生线条。那些。我需要为一个对象分配多个键。我怎样才能做到这一点？谢谢！我非常需要它。。

javascript

2 个回答

  1. Best Answer

    你可以尝试做相反的事情：

    const obj = {
  "class1": [1, 2, 3, 4],
  "class2": [5, 6, 7],
  "class3": [8, 9, 10]
}

const objKeys = Object.keys(obj),
  objValues = Object.values(obj);

const nodes = document.querySelectorAll('.container div');

for (var i = 0; i < nodes.length; i++) {
  let index = objValues.findIndex(ids => ids.indexOf(i + 1) > -1)

  if (index > -1) {
    nodes[i].classList.add(objKeys[index]);
  }
}
    • 2 

  2. var obj0 = {
  class1: [1, 2],
  class2: [3, 4],
  class3: [5, 6],
  class4: [7, 8, 9, 10],
}

var obj = {}

for (var [c, a] of Object.entries(obj0)) {
  for (var i of a) {
    obj[i] = c
  }
}

console.log(obj)
    .as-console-wrapper.as-console-wrapper { max-height: 100vh }

    • 2

相关问题