VUE操作数组方法

变异方法 ------>>>> 会改变被调用的原始数组

push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。

        let arrayPush = []
        arrayPush.push(1)
        arrayPush.push(3)
        arrayPush.push(2)
        console.log(arrayPush) //=> [1,3,2]

pop() 方法用于删除并返回数组的最后一个元素。

        let arrayPop = [1, 2, 3, 6]
        arrayPop.pop()
        let arrayPopb = arrayShift.pop()
        console.log(arrayPopb) //=> 6
        console.log(arrayPop) //=> [1, 2, 3]

shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。

        let arrayShift = [1, 2, 3, 6]
        arrayShift.shift()
        let b = arrayShift.shift()
        console.log(b) //=> 2
        console.log(arrayShift) //=> [2, 3, 6]

unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。

        let arrayUnshift = [3, 6]
        arrayUnshift.unshift(1)
        console.log(arrayUnshift) //=> [1,3,6]

splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。

        // splice(index,len,[item])
        // index:数组开始下标
        // len: 替换/删除的长度
        // item:替换的值，删除操作的话 item为空

        // 删除：
        //删除起始下标为1，长度为1的一个值(len设置1，如果为0，则数组不变)
        var arrD = ['a', 'b', 'c', 'd'];
        arrD.splice(1, 1);
        console.log(arrD); //['a','c','d']; 

        //删除起始下标为1，长度为2的一个值(len设置2)
        var arrD2 = ['a', 'b', 'c', 'd']
        arrD2.splice(1, 2);
        console.log(arrD2); //['a','d']


        // 替换：
        //替换起始下标为1，长度为1的一个值为‘ttt’，len设置的1
        var arrR = ['a', 'b', 'c', 'd'];
        arrR.splice(1, 1, 'ttt');
        console.log(arrR); //['a','ttt','c','d'] 

        //替换起始下标为1，长度为2的两个值为‘ttt’，len设置的1
        var arrR2 = ['a', 'b', 'c', 'd'];
        arrR2.splice(1, 2, 'ttt');
        console.log(arrR2); //['a','ttt','d'] 

        // 添加：
        //在下标为1处添加一项'ttt'
        var arrA = ['a', 'b', 'c', 'd'];
        arrA.splice(1, 0, 'ttt');
        console.log(arrA); //['a','ttt','b','c','d'] 

sort() 方法用于对数组的元素进行排序。

        // 第一个参数是插入位置，第二个参数是删除若干个元素，设置0为不删除任何元素，第三个及以后是插入的值
        let arraySplice = [1, 2, 3, 4]

        arraySplice.splice(2, 0, 6)
        console.log(arraySplice) //=> [1, 2, 6, 3, 4]

        arraySplice.splice(3, 0, 4, 5)
        console.log(arraySplice) //=> [1, 2, 6, 4, 5, 3, 4]

        arraySplice.splice(4, 3, 8, 9)
        console.log(arraySplice) //=> [1, 2, 6, 4, 8, 9]
        //对象属性排序
        let students = []
        students.push({
          name: 'cjk',
          age: '38'
        }, {
          name: 'xxf',
          age: '29'
        }, {
          name: 'zk',
          age: '26'
        }, )

        let students2 = this.sortByKey(students, 'age')
        console.log(students2) 

      sortByKey: function (array, key) {
        return array.sort(function (a, b) {
          var x = a[key];
          var y = b[key];
          return ((x < y) ? -1 : ((x > y) ? 1 : 0));
        })
      }

reverse() 方法用于颠倒数组中元素的顺序

        let arrayReverse = [1, 9, 4, 2]
        arrayReverse.reverse()
        console.log(arrayReverse) //=> [2, 4, 9, 1]

替换数组 ——>>>> 不会改变被调用的原始数组

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

        let arrayFilter = [1, 9, 4, 2]
        let arrayFilter2 = arrayFilter.filter(function (arrayFilter) {
          return arrayFilter >= 2;
        })
        console.log(arrayFilter2); //[9, 4, 2] 

concat() 方法用于连接两个或多个数组。

        let arrayConcat = [1, 9, 4, 2]
        let arrayConcat2 = [6, 7, 8, 3]
        let arrayConcat3 = arrayConcat.concat(arrayConcat2)
        arrayConcat3.sort(function (a, b) {
          return a - b;
        })
        console.log(arrayConcat3); //[1, 2, 3, 4, 6, 7, 8, 9]

slice() 方法可从已有的数组中返回选定的元素。

        //slice()接受一个或两个参数，即要返回项的起始和结束位置。当只给slice()传递一个参数时，该方法返回从该参数指定位置开始到当前数组末尾的所有项。
        let arraySlice = [1, 2, 3, 4, 6, 7, 8, 9]
        let arraySlice1 = arraySlice.slice(4)
        let arraySlice2 = arraySlice.slice(3,6)
        console.log(arraySlice); //[1, 2, 3, 4, 6, 7, 8, 9]
        console.log(arraySlice1); //[6, 7, 8, 9]
        console.log(arraySlice2); //[4, 6, 7]

其他

split() 方法用于把一个字符串分割成字符串数组。

        let stringNum = '1,2,3,4,5,6,7,8'
        let arrayNum = stringNum.split(',')
        console.log(arrayNum); // ["1", "2", "3", "4", "5", "6", "7", "8"]