如何访问Javascript 2D对象数组?

Question

我有一个全局数组，声明为

var fileMappings = [];

我做了一些工作，并向数组添加一行，如下所示:

fileMappings.push({ buttonNumber: number, audioFile: file });

如果我执行json。stringify(filemapping)我得到这个:

[{“buttonNumber”:”btn11”,”audioFile”:{0A0990BC-8AC8-4C1C-B089-D7F0B30DF858}},
{“buttonNumber”:”btn12”,”audioFile”:{2FCC34A6-BD1A-4798-BB28-131F3B546BB6}},
{“buttonNumber”:”btn13”,”audioFile”:{53A206EC-7477-4E65-98CC-7154B347E331}}]

如何访问"btn11"等的GUID ?

Answer 1

由于Javascript数组不支持键，我建议您使用对象。否则，每次都必须遍历整个数组来查找所需的键。

var fileMappings = {};

而不是push()，定义一个新的属性:

fileMappings[number] = { buttonNumber: number, audioFile: file };

这样，您可以使用fileMappings['btn11']

Answer 2

你可以遍历数组的成员来找到按钮，然后返回它的GUID:

function findGUID(arr, buttonNumber) {
  for (var i=0, iLen=arr.length; i<iLen; i++) [
    if (arr[i].buttonNumber == buttonNumber) {
      return arr[i].audioFile;
    }
  }
  // return undefined - buttonNumber not found
}

或者如果你想使用ES5的特性:

function getGUID(arr, buttonNumber) {
  var guid;
  arr.some(function(obj) {
             return obj.buttonNumber == buttonNumber && (guid = obj.audioFile);
           });
  return guid;
}

但我认为第一个更简单，更容易维护