javascript - 分离文本框的值并将其放在javascript中的数组中

Question

我有一个文本框，用户可以在其中输入一个我想要获取的值并执行以下操作。我希望能够将每个单词分开并在它们的末尾添加一些内容。所以如果他们放 123。我想把它分开，做成 1.jpg, 2,jpg 3.jpg它们分开后，我想把它放在一个数组中与另一个数组进行比较，然后从那里开始。这是我到目前为止得到的结果

<input type="text" id="textfromuser" />
<script type = "text/javascript">
function validate(){
var lists = [];
var VAlidation = document.getElementById("textfromuser").value;
lists.push(VAlidation);
for(var i=0; i<lists.length; i++)
alert(lists[i]).split('.');

这部分代码是为了显示文本框中的值被拆分并放置在一个数组中，但它不起作用。有什么想法吗？

Answer 1

我认为您混淆了数组和字符串，您从输入中获得的值是一个字符串，然后您将其添加到lists 数组并遍历该数组。

也许这就是你要找的东西

HTML

<input type="text" id="textfromuser" />

Javascript

function validate(){
  // empty array
  var ar = [];
  // obtain a string from the input "text" field, retrieved by the "id" attribute
  var VAlidation = document.getElementById("textfromuser").value;
  // split the string into a character array
  var lists = VAlidation.split('');
  // iterate over the character array
  for(var i=0; i<lists.length; i++){
    // create a string concatenating the array's element and '.jpg'
    var str = lists[i]+'.jpg';
    // add the string var to the array
    ar.push(str);
  }
  return ar;
}

如果你想试一试，我创建了一个 jsfiddle 来快速测试它 http://jsfiddle.net/kpw23/2/

更新

要比较数组，有很多方法可以完成。实现此目的的一种简单方法是序列化数组并比较序列化的字符串:

// having two arrays
var list = ['1.jpg','2.jpg','3.jpg'];
var list2 = ['1.jpg','2.jpg','3.jpg'];
// "Serialize" the arrays, the join() method 
/// joins the elements of an array into a string, and returns the string
serlist = list.join();
serlist2 = list2.join();
// Compare both serialized arrays
if(serlist==serlist2){
 alert("Arrays are equal");
}  
else{
 alert("Arrays are not equal");
}

只有当数组以相同的方式排序并且在相同的数组位置包含完全相同的条目时，此方法才有效。