Javascript：在循环内生成对象键并将对象数组推送到每个对象中？

Question

我正在这里制作谷歌地图： http://crocdoc.ifas.ufl.edu/projects /chameleonmapdev/

我以这种格式设置了标记的数据：

var nights = ['July1211', 'July1411'];
var waypoint_data = {
    July1211: [
        //Lat, long, j/a (juvenile/adult)
        [25.429363, -80.508326, j],
        [25.429332, -80.508216, j]
    ],

    July1411: [
        [25.42936, -80.51023, j], 
        [25.42936, -80.51036, j]

    ]
};

构建点的函数如下所示：

function buildPoints() {
    //var marker_container = new Object;

        for ( i = 0; i < nights.length ; i++ ) {

            //Loop for each data point that night
            for ( h = 0; h < waypoint_data[nights[i]].length; h++) {
                var marker = new google.maps.Marker({
                    position: new google.maps.LatLng(waypoint_data[nights[i]][h][0], waypoint_data[nights[i]][h][1]),
                    icon: waypoint_data[nights[i]][h][2],
                    shape: pointshape,
                    map: map
                });

                //Push waypoints into date-specific object key
                //marker_container[nights[i]].push(marker);

            }

        }

    }   

我想将每个日期 (night[i]) 的标记推送到不同的位置对象键这样我就可以隐藏/显示特定夜晚的标记。我尝试使用注释掉的两行marker_container 行执行此操作，但它们只是破坏了我的循环，并且在Firebug 中，我收到有关marker_container[nights[i]] 未定义的错误。 nights[i] 是一个字符串，所以我认为这种语法可行。非常感谢任何提示，并且我非常乐意接受其他更好的编码方法的建议。

Answer 1

您不能在对象上使用 push，只能在数组上使用。我认为这就是你想要做的：

function buildPoints() {
    var marker_container = new Object();

        for ( i = 0; i < nights.length ; i++ ) {
            marker_container[nights[i]] = new Array();

            //Loop for each data point that night
            for ( h = 0; h < waypoint_data[nights[i]].length; h++) {
                var marker = new google.maps.Marker({
                    position: new google.maps.LatLng(waypoint_data[nights[i]][h][0], waypoint_data[nights[i]][h][1]),
                    icon: waypoint_data[nights[i]][h][2],
                    shape: pointshape,
                    map: map
                });

                //Push waypoints into date-specific object key
                marker_container[nights[i]].push(marker);

            }

        }

    }   

简单的概念证明 jsfiddle

Answer 2

如果您知道将有多少个标记（假设有 10 个），请设置标记容器，使对象的每个元素本身成为长度为 2 的对象：

    marker_container= new Object(10);
       for (i=0; i<marker_container.length; i++){
          marker_container[i]=new Object(2);
       }

创建标记后，将它们添加到marker_container 中

  marker_container[i][0] = nights[i];
  marker_container[i][1] = marker;

：想要显示和隐藏标记，请执行以下操作：

  //display
  marker_container['nightX'].setMap(map);

  //hide
  marker_container['nightX'].setMap(null);