javascript - 数组推送仅添加一次数据

Question

我无法向数组添加多个数据。我无法解决在基本 JavaScript 事件上运行的这个问题。

$(".add-cart").on("click", function () {
        let products = []
        let name, price

        name = "product 1"
        price = "200"

        products.push({
            name: name,
            price: price
        })
        // i will click so many times and result is only one length array
        // products
        // [{name: 'product 1', price: 200}]
    });

Answer 1

您需要在事件之外定义该数组。因此，每次单击时，它都会使用相同的引用来添加数据。

let products = []
$(".add-cart").on("click", function () {
        let name, price

        name = "product 1"
        price = "200"

        products.push({
            name: name,
            price: price
        })
        // i will click so many times and result is only one length array
        // products
        // [{name: 'product 1', price: 200}]
    });