使用array.push进行正确编码

时间:2012-07-05 21:15:53

标签: javascript arrays join push

我在网站上找到了一些代码,并且稍微修补了一下。它涉及一些函数,用于在数组中添加和删除学生(下面的添加代码)到值字段。我无法弄清楚为什么我们需要这些额外的代码。

这是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,但没有什么能压倒任何人的音量。

非常感谢! - 安东尼

4 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:2)

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

答案 2 :(得分:2)

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

答案 3 :(得分:2)

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

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