点击按钮时在JavaScript的for循环中实现数组push的问题

你的代码存在几个关键问题，导致无法实现点击按钮动态添加数组元素的功能：

• JS中不能使用$i作为变量名（这是PHP语法），应使用标准变量名如i
• 每次点击按钮时，Vio数组都会被重新声明为新数组，之前添加的元素会直接丢失
• 变量d在函数内部声明，每次触发函数都会重置为0，无法正确记录计数状态
• 完全没必要使用循环，点击按钮一次只需要执行一次添加操作即可

修改后的代码 #

// 将数组和计数变量放在函数外部，避免每次点击重置状态
let Vio = [];
let d = 0;

function clearr() {
    const exp = '25';  
    const btn = document.getElementById("clear");
    const val = btn.value;

    if (val === 'C') {
        // 仅当d不等于1时执行添加操作
        if (d !== 1) {
            Vio.push(exp);
            console.log(Vio);
            d++;
        }
    }
}

关键修改说明 #

• 把Vio数组和d变量移到函数外部，确保每次点击按钮时能保留之前的状态
• 移除多余循环，点击触发函数时直接执行一次判断与添加逻辑
• 简化d的判断逻辑，直接通过d !== 1控制是否添加元素
• 用const声明不需要修改的变量（如btn、val），let声明需要更新的变量（如Vio、d），符合JS编码最佳实践

修改后，每次点击值为C的按钮时，'25'都会被添加到Vio数组中，控制台会打印包含所有已添加元素的完整数组。

内容的提问来源于stack exchange，提问作者Prakash19d