array.push的正确编码

Question

我在网站上发现了一些代码，并一直在修补它。它涉及一些功能，用于从数组中添加和删除学生（添加代码如下），将其添加到值字段中。但是我无法弄清楚为什么我们需要这些额外的代码。

这里是js代码：

var students = ['Paulie', 'Nicole', 'Kevin', 'Mare']; 
function addClick(){ 
    var addRemove = document.getElementById('addRemoveStudent'); 
    var studentsBox = document.getElementById('studentsBox') 
    students.push(addRemove.value); 
    addRemove.value = ''; 
    studentsBox.value = students.join(', '); 
} 

我的问题是：我们为什么需要addRemove.value = '';线？我已经测试它没有这个代码，它仍然正常工作。有我们需要的原因吗？

我可以发送更多的代码，包括HTML，但没有什么压倒任何人的音量。

非常感谢！ -Anthony

Answer 1

没有必要。我想在语义上，它意味着在更换值之前首先清除addRemove框。

Answer 2

它是可选的，但它只是清除文本框，以便用户可以输入一个全新的值，如果他们想再次运行该功能。

Answer 3

要清除addRemoveStudent（我认为它是一个input type="text"）的值只是为了它，它不需要在数组中。只是为了清除该控件的价值。

Answer 4

推测addRemove是input元素。将input元素的value属性设置为空字符串''表示输入已清空：其中没有文本。

我的猜测是，当单击按钮时会运行此功能，因此它会向阵列中添加新学生，使用正确的数据更新studentsBox字段，并清除输入元素，以便您可以添加更多希望这样做。