Javascript 如何将所有输入元素作为单独的元素推送到数组中？

我试图将几个项目从一个输入栏推送到一个数组中，作为单独的项目。但是，我只能将它们作为一个组合项推送

因此，即使我将3个名称放入数组，它们将是数组中的一个元素，而不是三个单独的元素

我的问题不同于关于将多个项目推入数组的问题，因为我的问题更多的是关于如何将元素作为单独的项目从输入栏推入数组的问题

$（“#人”）。在（'单击'，'上。列出组项'，函数（）{
var peopleName=$（this.text（）；
var输入=$（“#friendsNames”）；
input.val（input.val（）+peopleName+“”）；
$（“#按钮”）。单击（函数（）{
//如何绘制已添加到输入中的每个名称，并将其推送到数组中？
var allNames=[]；
allNames.push（）；
});
});







按钮
您需要在click事件之外定义数组，因为您在单击数组时总是将其清空

此外，还需要一个变量来推入数组。
例如
allNames.push（输入）
您需要在click事件之外定义数组，因为您总是在单击它时将其清空

此外，还需要一个变量来推入数组。
例如
allNames.push（输入）
尝试此
数组#在单击事件内部按下
。并将数组声明为
全局
。并在外部声明按钮单击事件，而不是在内部
人员
单击时


var allNames=[]；
$（“#人”）。在（'单击'，'上。列出组项'，函数（）{
var peopleName=$（this.text（）；
var输入=$（“#friendsNames”）；
input.val（input.val（）+peopleName+“”）；
allNames.push（peopleName）；
});
$（“#按钮”）。单击（函数（）{
console.log（所有名称）
});







按钮
尝试在点击事件内部按下此
数组。并将数组声明为
全局
。并在外部声明按钮点击事件，而不是在内部
人员
点击


var allNames=[]；
$（“#人”）。在（'单击'，'上。列出组项'，函数（）{
var peopleName=$（this.text（）；
var输入=$（“#friendsNames”）；
input.val（input.val（）+peopleName+“”）；
allNames.push（peopleName）；
});
$（“#按钮”）。单击（函数（）{
console.log（所有名称）
});







按钮
使用拆分和合并：


$（“#人”）。在（'单击'，'上。列出组项'，函数（）{
var peopleName=$（this.text（）；
var输入=$（“#friendsNames”）；
input.val（input.val（）+peopleName+“”）；
$（“#按钮”）。单击（函数（）{
//如何绘制已添加到输入中的每个名称，并将其推送到数组中？
var allNames=[]；
var f=$（“#friendsNames”）.val（）.trim（）；
allNames=allNames.concat（f.split（“”））；
console.log（所有名称）
});
});







按钮
使用拆分和合并：


$（“#人”）。在（'单击'，'上。列出组项'，函数（）{
var peopipleName=$（this.text（）；
var输入=$（“#friendsNames”）；
input.val（input.val（）+peopleName+“”）；
$（“#按钮”）。单击（函数（）{
//如何绘制已添加到输入中的每个名称，并将其推送到数组中？
var allNames=[]；
var f=$（“#friendsNames”）.val（）.trim（）；
allNames=allNames.concat（f.split（“”））；
console.log（所有名称）
});
});







按钮
您可以使用数组。concat
我不会说它是重复的。我知道如何推送多个元素，但我的问题是，输入栏中的所有名称都被视为一个项目。因此，concat（）方法无法工作，因为我没有尝试加入数组。…
friendsNames
将以逗号分隔？您可以使用
array.concat
我不会说它是重复的。我知道如何推送多个元素，但我的问题是，输入栏中的所有名称都被视为一个项目。因此，concat（）方法不起作用，因为我没有尝试加入数组。…
friendsNames
将以逗号分隔？与split方法一起使用！感谢@prasadWorks使用拆分方法！谢谢@prasad