Как создать массив точек?

Question

Как создать точечный объект, содержащий x, y и создающий его массив? , чтобы я мог перебирать эти точки, добавлять/удалять точки динамически.

Answer 1

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}); 

Демо: http://jsfiddle.net/gjHeV/

Answer 2

Я предлагаю вам прочитать о JavaScript arrays, чтобы узнать все это. Важно, чтобы вы знали основы.

Пример добавления:

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

Answer 3

Вы можете создать конструктор для точечного объекта, как это:

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

Теперь вы можете создать точечные объекты, используя new ключевое слово:

var p = new Point(4.5, 19.0); 

Чтобы создать массив объектов Point, вы просто создаете массив и поместите Point объекты в нем:

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

Или:

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

используется оператор . для доступа к свойствам объекта в точке. Пример:

alert(a[2].x); 

Или:

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

Answer 4

быстрее, эффективнее:

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]); 

Эффективность только действительно заметны в очень большом массиве точек.