数组如下,在页面中怎么同时隐藏军官证和警官证,用js怎么写

var idTypeDatas=[
{id:'01',value: '居民身份证'},
{id:'02',value: '居民户口簿'},
// {id:'04',value: '军官证'},
{id:'05',value: '士兵证'},
// {id:'16',value: '警官证'},
{id:'07',value: '护照'},
{id:'51',value: '外国护照'},
// {id:'11',value: '港澳居民通行证'},
{id:'12',value: '台胞证'},
{id:'17',value: '港澳台居民居住证'},
{id:'18',value: '外国人永久居留身份证'}
];

img

 var idTypeDatas=[
{id:'01',value: '居民身份证'},
{id:'02',value: '居民户口簿'},
{id:'04',value: '军官证'},
{id:'05',value: '士兵证'},
{id:'16',value: '警官证'},
{id:'07',value: '护照'},
{id:'51',value: '外国护照'},
{id:'11',value: '港澳居民通行证'},
{id:'12',value: '台胞证'},
{id:'17',value: '港澳台居民居住证'},
{id:'18',value: '外国人永久居留身份证'}
];
var arr = idTypeDatas.filter(item=>item.value!='警官证')
console.log(arr)

可以获取id来判断显示隐藏

过滤数据呗 filter

 var idTypeDatas = [
      { id: '01', value: '居民身份证' },
      { id: '02', value: '居民户口簿' },
      { id: '04', value: '军官证' },
      { id: '05', value: '士兵证' },
      { id: '16', value: '警官证' },
      { id: '07', value: '护照' },
      { id: '51', value: '外国护照' },
      // {id:'11',value: '港澳居民通行证'},
      { id: '12', value: '台胞证' },
      { id: '17', value: '港澳台居民居住证' },
      { id: '18', value: '外国人永久居留身份证' }
   ];
   console.log(filterData(idTypeDatas,"军官证"));
   function filterData(data, value) { //data 是数据 ,value是 过滤的文本
      if (!value) {
         return
      }
      let fldata = data.filter((item) => {
         return item.value != value;
      });
      return fldata;
   }

上面的有缺陷 会改变原来的数据 所以需要 复制一份 数据

 function filterData(data, value) { //data 是数据 ,value是 过滤的文本
      if (!value) {
         return
      }
      let copyDataStr=JSON.stringify(data);
      let copyData=JSON.parse(copyDataStr);
      let fldata = copyData.filter((item) => {
         return item.value != value;
      });
      
      return fldata;
   }


idTypeDatas.splice(1,1);