js数组操作find查找特定值结合es6特性

使用场景

假如我们给vue组件绑定了一个班级的学生列表数据。其数据结构可能如下格式，如果你想从以下数据中查找出姓名为李四的学生的信息。

var stu = [
    {
        name: '张三',
        gender: '男',
        age: 20
    },
    {
        name: '王小毛',
        gender: '男',
        age: 20
    },
    {
        name: '李四',
        gender: '男',
        age: 20
    }
]

这个时候肯定有些人想到了使用循环来查找，当然这是一种办法，也可以解决实际需求但是我们需要一种更为高效的方法。其实js的数组操作方法真的非常非常多，多的你一时间感觉不知如何是好。那么我们就这个场景来看看常用的方法吧。

关于find()的使用

find()是用来干什么的呢？

关于find()是干什么的我们来看看来自mozilla的 MDN Web docs的原文吧