查找一组数据中一组或多组数据（filter和find的区别）

<input type="text" id="inp">
<button onclick="func()">登录</button>

let arr = [{
          'name': '张三',
          'posts': '学生',
          'id': '1',
          'pid': '1'
        },
        {
          'name': '李四',
          'posts': '学生',
          'id': '2',
          'pid': '1'
        },
        {
          'name': '王五',
          'posts': '学生',
          'id': '3',
          'pid': '1'
        },
        {
          'name': '赵六',
          'posts': '学生',
          'id': '4',
          'pid': '2'
        }
      ];
      function func(){
        let inp = document.getElementById('inp').value;
        console.log(arr.find(item => item.name === inp));   
                //表示在arr数据中查找其中的一组数据（item可以理解为参数）。
        //意思是在这组数据中的name和id为inp的value一样的选出来
      }

function func() {
    let inp = document.getElementById('inp').value;
  console.log(arr.filter(item => item.pid === inp));     
    //当输入框里面的内容和pid一样的话选出来，选中的数据是以数组类型。
}