一、关键字查询

  1. var arr = [
  2. {name:"你是谁,他在那里",id:1102},
  3. {name:"圈住你在那里",id:1102},
  4. {name:"hello在那里",id:1102},
  5. {name:"怪你",id:1102},
  6. {name:"world",id:1102},
  7. ]

1.enter回车获取关键字
2.使用关键字,对数据查询,得到一个新的数组
3.name的字符超过3位以…结尾

  1. var txt = document.getElementById("txt");
  2. txt.onkeydown = function(event){
  3. if(event.keyCode == 13){
  4. var value = this.value;
  5. if(value){
  6. var res = arr.filter(item=>{
  7. return item.name.includes(value);
  8. })
  9. res.map(item=>{
  10. if(item.name.length>3){
  11. return item.name = item.name.slice(0,3)+"..."
  12. }
  13. })
  14. console.log(res)
  15. }
  16. }
  17. }