indexOf:方法可返回某个指定的字符串值,如果没有找到匹配的字符串则返回 -1

push():向数组的末尾添加一个或多个元素,并返回新的长度

append():在被选元素的结尾插入指定内容

innerHTML:插入文本

  1. <input type="text" id="input">
  2. <ul id="app">
  3. </ul>
  4. <script>
  5. var arr=[];
  6. var input=document.getElementById("input");
  7. var app=document.getElementById("app");
  8. input.onkeydown = function(event){
  9. if(event.keyCode == 13){
  10. if(arr.indexOf(this.value)==-1 && this.value !=""){ //indexOf 可以判断数组的下标
  11. arr.push(this.value);
  12. var li =document.createElement("li");
  13. li.innerHTML=this.value;
  14. app.append(li);
  15. }
  16. console.log(arr);
  17. }
  18. }
  19. </script>

image.png