在 JavaScript 中创建二维数组的方法答案

【问题标题】：Creating a method on a 2D array in JavaScript在 JavaScript 中创建二维数组的方法
【发布时间】：2013-11-22 01:16:12
【问题描述】：

我已经创建了一个二维数组并通过我的代码与它进行了很多交互，但是当我尝试做这样的事情时：

worldmap[x][y].eventAct = function() { 
     State.updateState("WorldMap"); 
     console.log("Event called"); 
}

它不起作用，但是当我这样做时：

worldmap[x].eventAct = function() { 
     State.updateState("WorldMap"); 
     console.log("Event called"); 
}

它有效，但它变得无用，因为我不知道事件发生的 x 和 y 坐标，我只知道 x！

任何帮助将不胜感激！

【问题讨论】：

究竟是什么……问题出在哪里？
当我做我想做的事时，第一个，worldmap[x][y].eventAct = function() 等，然后我尝试调用它，即使通过控制台它也没有存在，而当我使用标准数组执行第二种方法时，它可以正常工作并且 eventAct 方法是可调用的，如果这有意义的话！
worldmap[x][y] 的值是多少？原始值，例如来自数字或字符串文字，can't really hold their own properties。
本例中worldmap[x][y]的值：x = 14, y = 23 实际存储的值是一个字符串

标签： javascript arrays methods multidimensional-array

【解决方案1】：

如果worldmap 中的值都是primitive values，那么它们只是can't hold properties。

var foo = 'bar';
foo.baz = 'qux';
console.log(foo.baz); // undefined

该属性可以设置，因为原语can be boxed 并被视为对象。但是，拳击不会持续，所以属性会在之后立即丢失。

因此，您可以创建对象来保存值和方法：

worldmap[x][y] = {
    value: worldmap[x][y],

    eventAct: function() {
        State.updateState("WorldMap");
        console.log("Event called");
    }
};

console.log(worldmap[x][y].value);

或者，类似于您的第二个 sn-p，您可以将该方法附加到数组并接受缺少的索引作为参数：

worldmap[x].eventAct = function (y) {
    var value = this[y];

    State.updateState("WorldMap"); 
    console.log("Event called");
};

【讨论】：