Question

我正面临这个问题，我的randomPoints 数组元素已被push方法替换。 Here is the output of my Console

我不知道为什么会这样，但是如果我不使用randomPoint.add，它就不会替换并且不能正常工作。

randomPoint.add调整相同的Vector对象，就像没有它返回的一样。

var hw
var center
var randomPoints = []
var pointWidth = 20
var points = 300
centerCircleWidth = 300;
pointsOffset = 10

function setup(){
    hw = createVector(600,500)
    createCanvas(hw.x,hw.y)
    center = createVector(hw.x/2,hw.y/2)
    var randomPoint = createVector(0,0)
    randomPoints.push(randomPoint)
    randomPoint = p5.Vector.fromAngle(-radians(120), random(centerCircleWidth/2-pointWidth,centerCircleWidth/2-pointsOffset))
    randomPoints.push(randomPoint)
    console.log(randomPoint)
    randomPoint = randomPoint.add(p5.Vector.fromAngle(radians(60), random(pointsOffset,2*pointsOffset)))
    // this here replaces the last element of array by itself and add another element of same type.
    randomPoints.push(randomPoint)
    console.log(randomPoint)
    console.log(randomPoints)

}

function draw(){
    translate(center.x, center.y)
    background(51);
    strokeWeight(0)
    fill(255)
    ellipse(0,0, centerCircleWidth, centerCircleWidth)
    for(i=0;i<randomPoints.length;i++){
        fill(10)
        ellipse(randomPoints[i].x,randomPoints[i].y,pointWidth,pointWidth)
    }
}

Answer 1

您的问题似乎是对象引用问题。第三个push不会替换数组中的前一个元素，但是您正在更新数组所保存的 reference ，因此正在更新数组中的元素。

如果删除第三个push，您将看到数组中的第二项仍将更新。

您需要做的是创建randomPoint的副本，然后对其进行更改，或者创建一个新变量。

看看this SOF答案，该答案应该更清楚。

Answer 2

尝试：

    let randomPoint_1 = createVector(0,0)
    randomPoints.push(randomPoint_1)
    let randomPoint_2 = p5.Vector.fromAngle(-radians(120) // ....

等..
否则，您将其他元素推入相同的元素，女巫还将更改之前推入的其他出现值，因为JS对象始终由指针使用，并且不会被复制。要复制您拥有的任何对象，请使用Object.assign或cloneNode ...等

Javascript数组推式替换同一数组中的前一个元素

2 个答案: