javascript - 如何在 Javascript 中创建动态数组？

Question

我需要动态创建以下数组，例如：

var data = { point: [
              { x:5, y:8 },
              { x:8, y:10},
              ]};

 console.log(data.point[0].x);   // 5  n=0
 console.log(data.point[1].y);   // 10 n=1

在某些时候，我的应用程序需要将数组扩展为 2 个以上的项目（n=0，n=1）。请让我知道该怎么做（即 n = 9 ）。

Answer 1

您可以使用Array.push方法将元素添加到数组中。

var point = {x:1,y:1};
data.point.push(point);

Answer 2

你可以像这段代码一样使用方法'push'

        var data = { point: [
                      { x:5, y:8 },
                      { x:8, y:10},
                      ]};

         console.log(data.point[0].x);   // 5  n=0
         console.log(data.point[1].y);   // 10 n=1

        data.point.push({x:4,y:3});

        console.log(JSON.stringify(data.point));

Answer 3

你可以这样做：

var data = {'points' : []};

function addPoint(x, y) {
    data.points.push({'x' : x, 'y' : y});
}

function getPoint(index) {
    return data.points[index];
}

addPoint(10, 20);
addPoint(5, 3);

var p = getPoint(1);
alert(p.x + ", " + p.y); //alerts => "5, 3"

这适用于任意数量的点。

更新

清除阵列

function clearPoints() {
    data.points = [];
}

更新 2

如果您有一个简单的页面，这些小功能将可以正常工作。如果这个点处理最终会成为更大系统的一部分，那么做这样的事情可能会更好：

var data = {
    'points' : [], 
    addPoint : function(x, y) {
        this.points.push({
            'x' : x, 
            'y' : y
        });
    }, 
    getPoint : function(index) {
        return this.points[index];
    }, 
    clearPoints : function() {
        this.points = [];
    }, 
    removePoint : function(index) {
        this.points.splice(index, 1);
    }
};

示例用法：

alert(data.points.length); // => 0

data.addPoint(1, 2);
data.addPoint(8, 12);
data.addPoint(3, 7);
alert(data.points.length); // => 3

var p = data.getPoint(2); //p = {x:3, y:7};

data.removePoint(1); 
alert(data.points.length); // => 2

data.clearPoints();
alert(data.points.length); // => 0

它可以让您的点处理更简洁，更易于使用和更新。

Answer 4

您可以按照说明使用push()函数，也可以使用索引向数组添加其他项目，这在Google 样式指南中是首选。后一种方法确实需要您有一个指向最后一个索引的指针。

请注意，由于将值分配给数组比使用 push() 更快，因此您应该尽可能使用分配。

for(var i=lastIndex; i < numOfNewPoints; i++){
    data.point[i] = {x:4, y:3};
}