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
作用
- 数组转成字符串
- 传递了参数 参数 将数组的每个元素 连接 !!!
<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>
