Question

我对如何在javascript中创建和访问二维数组感到困惑。下面是一个数组声明，我在其中存储人物的名称，然后存储他们的图像的src。当我尝试访问myArray [0] [0]元素时，我得到'D'，当我尝试访问myArray [0,0]时，我得到了唐老鸭。如何访问img src myArray [0] [0] =“assets / scrybe.jpg”？

JS代码：

var myArray = new Array(1);

myArray[0] = "Donald Duck";
myArray[1] = "Winnie Pooh";
myArray[2] = "Komal Waseem";
myArray[3] = "Hockey";
myArray[4] = "Basketball";
myArray[5] = "Shooting";
myArray[6] = "Mickey Mouse";

myArray[0][0] = "assets/scrybe.jpg";
myArray[1][0] = "assets/scrybe.jpg";
myArray[2][0] = "assets/scrybe.jpg";
myArray[3][0] = "assets/scrybe.jpg";
myArray[4][0] = "assets/scrybe.jpg";
myArray[5][0] = "assets/scrybe.jpg";
myArray[6][0] = "assets/scrybe.jpg";

Answer 1

首先，要创建数组，最好使用方括号表示法（[]）：

var myArray = [];

这是在JavaScript中模拟多维数组的方式。它是数组中的一个或多个数组。

var myArray = [
    [], [] // two arrays
];

如果你问是否有办法将数组声明为多维，那么不，没有。您可以像这样访问它们：

myArray[0][0]; // the 1st element of the first array in myArray
myArray[1][1]; // the 2nd element of the second array in myArray

以下是您可能正在寻找的代码：

var myArray = [
    ["Donald Duck", "assets/scrybe.jpg"],
    ["Winnie Pooh", "assets/scrybe.jpg"],
    ["Komal Waseem", "assets/scrybe.jpg"]
    [/* and so on...*/]
];

但是，由于您为所有名称提供了相同的网址，因此您可以使用for循环来更快地执行此操作：

for (var i = 0; i < myArray.length; i++) {
    myArray[i][1]  = "assets/scrybe.jpg";
}

Answer 2

也许你真正想要的是一个对象数组：

var myArrray = [
  { name: "Donald Duck", image: "assets/scrybe.jpg" },
  { name: "Winnie Pooh", image: "assets/scrybe.jpg" },
  // ...
];

JavaScript本身并不具有二维数组。你可以做的是创建一个数组，使每个元素也是一个数组。

var twoDim = [ [], [], [], [], [] ];

但是，在你的情况下，我不认为这种结构会有多大帮助。

Answer 3

不，不能那样做。必须这样做：

var myArray = new Array(1);

myArray[0] = new Array(1);

myArray[0][0] = "Donald Duck";
myArray[0][1] = "assets/scrybe.jpg";

或使用JS语法

var myJSObj = {"Donald" :"assets/scrybe.jpg", "Donald2": "assets/scrybe2.jpg" };

Answer 4

我遇到了同样的问题，我使用了Lodash的minBy

https://lodash.com/docs/4.17.4#minBy

var objects = [{ 'n': 1 }, { 'n': 2 }];

_.minBy(objects, function(o) { return o.n; });
// => { 'n': 1 }

// The `_.property` iteratee shorthand.
_.minBy(objects, 'n');
// => { 'n': 1 }

在javascript中创建和访问二维数组

4 个答案: