使用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，但没有什么能压倒任何人的音量。

非常感谢！ - 安东尼

Answer 1

没有必要。我猜在语义上它意味着在替换值之前先清除addRemove框。

Answer 2

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

Answer 3

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

Answer 4

据推测，addRemove是input元素。将value元素的input属性设置为空字符串''意味着输入已清空：它将没有文本。

我的猜测是，当单击一个按钮时会运行此函数，因此它会向数组中添加一个新学生，使用正确的数据更新studentsBox字段，并清除输入元素以便添加更多如果用户希望这样做。