数组的方法

    <script>

      // let arr = ["z", "x", "c", "v", "b"];

      // let arr1 = ["q", "w", "e", "t", "y"];

      // shift() 删除数组中的第一个元素  返回值 是删除的第一个元素

      //  let res = arr.shift();  //  返回值 z

      // unshift()   从数组的前面 添加一个或者 多个元素

      //  数组的长度会改变  返回的是添加后数组的 长度

      // let res = arr.unshift("q"); //  返回值 6 数组的长度

      // pop() 删除数组中的最后一个元素  返回值 是被删除的元素

      // let   res = arr.pop()  // b

      // push()  从数组的最后添加 一个或多个元素  返回值 是数组的长度

      // let  res = arr.push("q")  // 返回值 6 数组的长度

      // concat()  连接多个数组  不改变原来的数组  返回一个连接后的新数组

      // let res = arr.concat(arr1);

      //  ['z', 'x', 'c', 'v', 'b', 'q', 'w', 'e', 't', 'y']

      // reverse()  逆向数组  会改变原来的数组 返回值 是被改变的原数组

      // let res = arr.reverse();

      // console.log(res === arr); //true

      // ['b', 'v', 'c', 'x', 'z']

      // toString() 将数组转换成字符串  ()里面可以写进制 转换后用，连接

      // let res = arr.toString(); //z,x,c,v,b

      //  join()  将数组转换成字符串 () 里面写 连接符

      // let res = arr.join("|"); //z|x|c|v|b

      //  slice()  提取数组的某些元素

      //  第一个参数 表示提取元素的起始点

      //  第二个参数  表示提取元素的终点 但是不包括终点 省略不写就提取包括最后一个

      //  提取 下标 2 3 的元素

      // let res = arr.slice(2, 4); // ['c', 'v']

      // 省略不写 提取到最后

      // let res = arr.slice(2); // ['c', 'v', 'b']

      // splice()  用于对数组的 增添 修改 删除

      //  返回值 是一个包含被删除的元素 数组

      //  第一个参数 起始位置

      //  第二个参数  要被改变的个数

      //   当第二个参数为0  第三个参数 表示 要增加的元素

      //  从第一个参数的位置开始增加

      //   当第二个参数不为0  表示删除元素

      //   这时有第三个参数 就表示  修改

      //  被删除的元素 从第一个参数 改变第二个参数  个

      //  第三个参数  不写为删除元素

      // 表示从开始删除  返回的是被删除元素

      // let res = arr.splice(2, 2); //['c', 'v']

      //  增加数组元素

      // let res = arr.splice(2, 0, "q"); // 返回0 因为没有删除

      //  原数组 = ['z', 'x', 'q', 'c', 'v', 'b']

      // 修改

      // let res = arr.splice(2, 1, "q");   // 返回值  ['c']

      //  原数组 =  ['z', 'x', 'q', 'v', 'b']

      //  indexOf (data,start)

      //  第一个参数 表示 要 查找的元素

      //  第二个参数 表示 要 查找的起点

      //  找到就返回下标 找不到就返回 -1

      // let res = arr.indexOf("c", 1);  //  返回 c 的下标 2

      // let res = arr.indexOf("r", 1); //  找不到  返回 -1

      //  forEach()   对数组进行遍历循环 为数组中的每一项给定函数 没有返回值

      //  item 表示 每一项  index 表示 下标

      // arr.forEach((item, index) => {

      //   // 为 数组的每一项 添加一个点击事件

      //   item.addEventListener("click", () => {

      //     console.log(1);

      //   });

      // });

      // map()  遍历数组  然后调用的参数的方法 返回当前方法的返回值

      //  为数组的每一项 拼接 一个"y"

      // let res = arr.map((item) => {

      //   return item + "y";

      // });

      // ['zy', 'xy', 'cy', 'vy', 'by']

      // let arr = [2, 3, 4, 5, 6, 7];

      // filter()  遍历和过滤

      // 返回 符合条件元素的数组

      //

      // let res = arr.filter((item) => {

      //   return item > 2; // [3, 4, 5, 6, 7]

      // });

      // Array.from()  将伪数组转为数组

      // find  将数组进行过滤 只要找到一个满足条件的

      // 返回的 是对象 未找到返回underfined 如果有多个返回的是第一个满足条件的

      // let res = arr.find((item) => {

      //   return item > 4; // 5

      // });

      // findIndex() 查找数组的元素的位置 , 未找到 返回 -1

      // let res = arr.findIndex((item) => {

      //   return item == 5; // 3

      // });

      //  some()  数组中  只要有一个 满足条件的就返回 true  否则就返回false

      // let res = arr.some((item) => {

      //   return item > 6; // true

      // });

      //  every() 数组中 每一个必须满足条件 才返回true 否则 返回

      // let res = arr.every((item) => {

      //   return item > 4; // false

      // });

      // reduce() 把数组 从左到右 累加

      // let res = arr.reduce((res, item) => {

      //   return (res += item); //27

      // });

      // reduceRight()  从右往左 累加

      // let res = arr.reduce((res, item) => {

      //   return (res += item); //27

      // });

      // console.log(arr);

      // console.log(res);

    </script>