前端数据交互中JS中find，include方法的使用场景

前端开发最重要的事情之一是处理后台展示的数据，很多时候我们要对拿到的数据进行一些处理才能符合页面的显示规则，今天就和大家分享一下用find和include来筛选符合条件的数据。

find（）

• 没有改变原始数组的值，将找到的第一个元素返回
• 场景：我们从后台拿到一组数组对象，
  如：`[{name:“dxy”,age:18},{name:“zhang”,age:28}]
  我们需要对某条特定的数据进行一些操作（状态判断等等），前端可能通过点击事件拿到操作的数据对象，这时我们就需要用find方法找到点击事件操作的对象属于数组的哪一个条目。

  let arr=[{
     name:"dxy",age:18},{
     name:"zhang",age:28}];
  let res=arr.find(item=>item.name==="dxy");//item当前元素
  console.log(res); //Object：{
     name:"dxy",age:18}

include

• includes() 方法用来判断一个数组是否包含一个指定的值，如果包含就返回 true，否则返回false。
• 场景：可以使用include方法进行一些逻辑判断。
  如：用户的状态为可接入（设定值）才能进行网页跳转等等。

 if（["02", "05"].includes("05")）{
        //includes（"用户的接入状态字段"）
  //一些操作
 }
`