Comment puis-je créer un tableau de Points?

Comment créer des points de l'objet contenant x,y et de la création de son tableau?
afin que je puisse en boucle sur ces points, ajouter/supprimer des points de façon dynamique.

OriginalL'auteur coure2011 | 2010-08-29

  1. 19
    var points = [{x:45, y:64}, {x:56, y:98}, {x:23, y:44}];
var len = points.length;
for(var i = 0; i < len; i++) {
    alert(points[i].x + ' ' + points[i].y);               
}
​
//to add more points, push an object to the array:
points.push({x:56, y:87});

    Démo: http://jsfiddle.net/gjHeV/

    OriginalL'auteur karim79

  2. 11

    Vous pouvez créer un constructeur pour un Point objet comme ceci:

    function Point(x, y) {
  this.x = x;
  this.y = y;
}

    Maintenant, vous pouvez créer des objets à l'aide de la new mot-clé:

    var p = new Point(4.5, 19.0);

    Pour créer un tableau d'objets Point il vous suffit de créer un tableau, et de mettre le Point d'objets:

    var a = [ new Point(1,2), new Point(5,6), new Point(-1,14) ];

    Ou:

    var a = [];
a.push(new Point(1,2));
a.push(new Point(5,6));
a.push(new Point(-1,14));

    Vous utilisez le . opérateur pour accéder aux propriétés de l'objet Point. Exemple:

    alert(a[2].x);

    Ou:

    var p = a[2];
alert(p.x + ',' + p.y);

    OriginalL'auteur Guffa

  3. 2

    Je vous suggère de lire sur Les tableaux JavaScript à apprendre tout ce qu'. Il est important que vous connaissez les bases.

    Exemple pour l'ajout:

    var points = [];
points.push({x:5, y:3});

    OriginalL'auteur Felix Kling

  4. 0

    Plus rapide, plus efficace:

    var points = [ [45,64], [56,98], [23,44] ];
for(var i=0, len=points.length; i<len; i++){
    //put your code here
    console.log( 'x'+points[i][0], 'y'+points[i][1] )
}
//to add more points, push an array to the array:
points.push([100,100]);

    L'efficacité n'est réellement perceptible dans un très large éventail de points.

    J'étais curieux de savoir si c'était vraiment la plus efficace (pour un projet en particulier, je travaillais sur l'aide de Javascript Clipper (en essayant de décider ce que la représentation interne de l'utiliser), et en fonction des éléments suivants JsPerf résultats, il semblerait que l'objet de la représentation est plus efficace qu'un tableau de représentation: jsperf.com/point2d-object-vs-array et jsperf.com/point2d-object-vs-array-property-access
    Ce fut à partir de 8 ans et je n'ai aucune idée de pourquoi j'ai juste copié la réponse la plus populaire. Qu'est-ce que vous êtes en train de tester?
    Je voulais juste faire remarquer que, bien que vous l'avez mentionné, le tableau de la 2d-tableaux comme étant "plus vite, [et] plus efficace", qui ne semble pas être le cas (du moins pas dans la dernière version de Chrome). Je suis en train de travailler sur une haute performance de l'application web où nous en sommes rendu très grand contour de données et je suis tombé sur ce post lors de la recherche pour lequel la structure de données permettrait de donner le meilleur rendement (d'où le JsPerf tests).

    OriginalL'auteur Geuis