es5数组新增方法 未完

<template>
  <div class="about">
    es5数组新增方法
    <a href="https://www.cnblogs.com/zxvictory/p/8088086.html">https://www.cnblogs.com/zxvictory/p/8088086.html</a>
    <div>检测是不是数组</div>
    <div>遍历数组(forEach)</div>
    <div>筛选数组；原数组不变，返回新数组： 符合条件的项构成的</div>
    <div>集体操作数组项；原数组不变，返回新数组： 集体操作后的数组项构成的 (filter)</div>
    <div>判断 数组项是否符合条件；原数组不变；有一项不符合，就返回 false  (map)</div>
    <div>判断 数组项是否符合条件；原数组不变；只要有一项符合，就返回 true (every)</div>

  </div>
</template>

<script>
  export default {
      name:'about',
      data(){
          return{
              arr:[],
              arr1:[4,1,2,3],
              arr2 : [1,2,3,4,23,4,3,5,6],
          }
      },
      components:{

      },
      computed:{

      },
      mounted(){
          /*
          this.isArr(); // 检测是不是数组

          // 遍历 方法 开始
          this.ArrForEach();  // 遍历数组
          this.arrFilter(); // 筛选数组；原数组不变，返回新数组： 符合条件的项构成的
          this.arrMap();//集体操作数组项；原数组不变，返回新数组： 集体操作后的数组项构成的
          this.arrEvery();//判断 数组项是否符合条件；原数组不变；有一项不符合，就返回 false
          this.arrSome();//判断 数组项是否符合条件；原数组不变；只要有一项符合，就返回 true
          // 遍历 方法 结束
          */
          // 数组的 增加、删除 方法
          this.arrMethod();

      },
      methods:{
          isArr(){
              //
              // 判断是否为数组
              console.log(this.arr);
              let result1 = toString.call(this.arr);
              console.log(`方法1借用对象原型中的toString()方法：${result1}`)
              let result2 = Array.isArray(this.arr)
              console.log(`方法2es5中新方法,有兼容问题：${result2}`)
              let result3 = this.arr instanceof Array
              let result4 = this.arr instanceof Object //Object、Array、RegExp、Data 等
              console.log(`方法3使用instanceof判断那种引用类型,IE8及以下不兼容：${result3} : ${result4}`)
          },
          ArrForEach(){
              this.arr1.forEach((item,index)=>{
                  if(item > 3){
                      return false; //停止本次循环，继续下一次循环
                  }
                  console.log(item);
              })
          },
          arrFilter(){
              let result = this.arr2.filter((value, index, array) => {
                  return (value < 10)
              })
              console.log(result)
          },
          arrMap(){
              let result = this.arr2.map((value, index) => {
                  return value * 10
              })
              console.log(result)
              console.log(this.arr2)
          },
          arrEvery(){
              let result = this.arr2.every((value, index) => {
                  return value < 3
              })
              console.log(result)
          },
          arrSome(){
              let result = this.arr2.some((value, index) => {
                  return value > 3
              })
              console.log(result)
          },
          arrMethod(){
              // push( )：末尾追加数组项；原数组改变；返回：新数组的长度
              let arr1 = [1,2,3,4];
              let arr1Result1 = arr1.push(5,6,7)  //新数组的长度 原数组改变
              console.log(arr1)
              console.log(arr1Result1)

              // unshift( )：开头追加数组项；原数组改变；返回：新数组的长度
              let arr2 = [1,2,3,4]
              let arr2Result1 = arr2.unshift(arr2);
              let arr2Result2 = arr2.unshift(5,6,7)
              console.log(arr2)
              console.log(arr2Result1)

              // pop：末尾删除数组项；原数组改变；返回 被删除的数组项
              let arr3 = [1,2,3,4]
              let arr3Result1 = arr3.pop()
              console.log(arr3)
              console.log(arr3Result1)

              // shift( )：开头删除数组项；原数组改变；返回 被删除的数组项
              let arr4 =[1,2,3,4]
              let arr4Result1 = arr4.shift()
              console.log(arr4)
              console.log(arr4Result1)


              // concat( )：末尾追加 数组 / 数组项；原数组不改变；返回 合并后的新数组
              let arr5 = [1,2,3,4]
              let arr6 = arr5.concat(5,6,[7,8])
              console.log(arr5)
              console.log(arr6)

              // slice( )：截取数组；原数组不变；返回 截取出来的数组项 构成的新数组
              

          }
      },
  }
</script>