Javascript 从对象中获取相应的键/值

Javascript get corresponding key/value from object

本文关键字:对象 获取 Javascript      更新时间:2023-09-26

我有一个对象,可能看起来像这样:

var nicknames = []
nicknames.push({id:"100", name:"john", id2:"200", name2:"max"});

但该对象也可能如下所示:

nicknames.push({id:"200", name:"max", id2:"100", name2:"john"});

因此,键和值可能会切换。

如果提供"max"或ID为"200"的名称,如何获取名称和ID "john"和"100"?

var found_name, found_id;
for(var i = 0; i < nicknames.length; i++) {
    var nn = nicknames[i];
    if (nn.name == "max" || nn.id = "200") {
        found_name = nn.name2;
        found_id = nn.id2;
        break;
    } else if (nn.name2 == "max" || nn.id2 = "200") {
        found_name = nn.name;
        found_id = nn.id;
        break;
    }
}

如果你要做更多的查找,那么我能想到的最好的解决方案是建立一个反向映射,像这样

var nicknames = []
nicknames.push({
    id: "100",
    name: "john",
    id2: "200",
    name2: "max"
});
var idIndex = {},
    nameIndex = {};
nicknames.forEach(function(currentNickName) {
    idIndex[currentNickName.id] = {
        id: currentNickName.id2,
        name: currentNickName.name2
    };
    idIndex[currentNickName.id2] = {
        id: currentNickName.id,
        name: currentNickName.name
    };
    nameIndex[currentNickName.name] = {
        id: currentNickName.id2,
        name: currentNickName.name2
    };
    nameIndex[currentNickName.name2] = {
        id: currentNickName.id,
        name: currentNickName.name
    };
});

然后看起来像

console.log(nameIndex, idIndex);

{ john: { id: '200', name: 'max' }, max: { id: '100', name: 'john' } }
{ '100': { id: '200', name: 'max' }, '200': { id: '100', name: 'john' } }

然后你可以像这样搜索

console.log(nameIndex["max"]);
// { id: '100', name: 'john' }
console.log(nameIndex["john"]);
// { id: '200', name: 'max' }
console.log(idIndex["100"]);
// { id: '200', name: 'max' }
console.log(idIndex["200"]);
// { id: '100', name: 'john' }

如果数据结构如前所述,并且这里正好有两个名称和 ID,并且名称和 ID 集在每个对象中都是唯一的,那么以下内容应该可以完成这项工作:

var nicknames = [{id:"100", name:"john", id2:"200", name2:"max"},
                 {id:"300", name:"tim", id2:"400", name2:"fred"}];
function getOther(nameOrId) {
  var nickname;
  for (var i=0, iLen=nicknames.length; i<iLen; i++) {
    nickname = nicknames[i];
    if (nickname.id == nameOrId || nickname.name == nameOrId) {
      return [nickname.id2, nickname.name2];
    }
    if (nickname.id2 == nameOrId || nickname.name2 == nameOrId) {
      return [nickname.id, nickname.name];
    }
  }
}
console.log(getOther('max')); // ["100", "john"]
console.log(getOther('100')); // ["200", "max"]
console.log(getOther('400')); // ["300", "tim"]

它只是在昵称对中查找与名称或 id 的匹配项,如果找到一个,则返回另一个。它可以变得更加通用。

如果你想让道格拉斯·克罗克福德开心,并通过使用 ES5 功能来避免循环,那么:

function getOther(nameOrId) {
  var result;
  nicknames.some(function (nickname) {
    if (nickname.id == nameOrId || nickname.name == nameOrId) {
      return result = [nickname.id2, nickname.name2];
    }
    if (nickname.id2 == nameOrId || nickname.name2 == nameOrId) {
      return result = [nickname.id, nickname.name];
    }
  });
  return result;
}

但我不明白这一点,它是完全相同的代码行数,没有更清晰(当然恕我直言)。

在保留此数据表示形式时,您必须遍历整个数组,这是低效的。

我认为您应该(如果可以的话)更改数据表示并选择关联数组,其中键是成对的 id 名,值是昵称。这样,查找匹配项变得简单而高效。

或者,也许更好,因为它减少了冗余,两个关联数组:第一个用于 id/names;第二个用于昵称匹配(键是 id,值也是 id)。

也许这对你有用。

var nicknames= [ {id:"100", nickname:"John"}, {id:"200", nickname:"Michael"} ];
function getByName(arr, value) {
   for (var i=0, iLen=arr.length; i<iLen; i++) {
      if (arr[i].nickname == value) return arr[i];
   }
}
var object = getByName(nicknames, "John");
// Will show '100'
alert(object.id); 

你可以在这里看到这个实际操作:http://jsfiddle.net/b1yL28at/