將圖像元素推入數組

Question

var testArray = [];

var testImage = new Image();
testImage.src = "entities/left.png";
testArray.push({image: testImage, xpos: 100, ypos: 100, width: 100, height: 100});

console.log(testArray.image);

console.log 中的 output 顯示“未定義”，如果我記錄 testArray[0]，它會在圖像部分顯示“image: img”。 有沒有辦法將實際的 img 元素推入數組？

Answer 1

您已經通過testArray[0].image訪問該元素，這是訪問數組中元素的唯一方法（基於索引）。 沒有用於訪問數組條目的點表示法（例如testArray.image ）。

Answer 2

您已經創建了一個 object 數組，這是正確的。 試試這個 testArray[0].image

這表示您正在訪問數組第一個元素的圖像屬性