5. find

作用

寻找数组中满足条件的一个元素

<script>
        // find 用找满足条件的数组中一个元素 
        // 找到了之后 不会再继续往下遍历 
        // 代码中 找到了 你需要返回true 

        // forEach 也可以做遍历 但是 不能被中断 打断 （for循环不一样！！ ）
        // forEach 做遍历的时候 是不能被打断 中断  break！！！！
        
        // for 和 foreach有什么区别  1 都是循环  2 for循环可以被中断 但是 foreach不可以！！

        // find 返回符合 条件的数组元素。
        const arr = [
            {username: '香香', height: 80},
            {username: '妲己', height: 60},
            {username: '貂蝉', height: 70},
            {username: '大乔', height: 50},
            {username: '小乔', height: 30}
        ];
        // 要求的 返回   身高是 30的 那一个对象

        // 1. 
        // let obj;
        // arr.forEach((value) => {
        //   if (value.height === 30) {
        //     // 找到了
        //     obj = value;
        //     return
        //   }
        //   console.log(value);
        // });
        // console.log(obj);
        
        // 2. 
        // const obj = arr.find((value) => {
        //   console.log(value);
        //   if (value.height === 30) {
        //     return true;
        //   } else {
        //     return false;
        //   }
        // });
        
        // 3. 
        const obj = arr.find(value => value.height === 30)
        console.log(obj);
    </script>

6. findindex

作用

寻找数组中满足条件的元素 的对应的下标

没有找到 就返回 -1

<script>
        // findIndex  符合条件的元素的下标！！
        // 用法可以find很类似  在函数中 如果找到了 返回true
        // 找不到 就返回 -1 

        const arr = [
            {username: '香香', height: 80},
            {username: '妲己', height: 60},
            {username: '貂蝉', height: 70},
            {username: '大乔', height: 50},
            {username: '小乔', height: 30}
        ];

        // 帮我找到  身高 30 的元素 并且删掉它整个对象
        const index = arr.findIndex(value => value.height === 30)
        // 删除
        arr.splice(index, 1)
        // 打印数组
        console.log(arr);
        // 打印删除的下标
        console.log(index);
    </script>

7. includes

作用

判断数组中有没有包含值 包含 返回 true 否则返回 false

    <script>
        // includes() 判断一个数组中是否包含一个指定的值!
        const arr = ['a', 'b', 'c', 'd']

        // 判断数组中是否包含‘b’ 返回 true 或 false
        const newArr = arr.includes('b') //true
        console.log(newArr);
    </script>

8. join

作用

1. 数组转成字符串
2. 传递了参数 参数 将数组的每个元素 连接 !!!

    <script>
        // join方法  负责把  数组  转成  字符串 
        // join 含义 加入
        const arr = ['a', 'b', 'c', 'd'].map(value => `<li>${value}</li>`)
        // 本身  数组
        // 0: "<li>a</li>"
        // 1: "<li>b</li>"
        // 2: "<li>c</li>"
        // 3: "<li>d</li>"
        // length: 4
        console.log(arr);

        // 转化 字符串
        const result = arr.join('')
        // <li>a</li><li>b</li><li>c</li><li>d</li>
        console.log(result);
    </script>

9. indexOf

作用

判断数组中有没有包含这个元素 有 返回元素下标

没有 则返回 -1

    <script>
        // 类似 findIdex
        // indexOf 搜索数组中的元素,并且返回 它所在的 位置
        // 找到了  就返回元素的下标
        // 没有找到  就返回  -1
        const arr = ['a', 'b', 'c', 'd']

        // 有没有包含 字母 c 
        const index = arr.indexOf('c')  // 包含返回 下标   不包含返回 -1

        console.log(index); // 2
    </script>