浅析vue.js数组的变异方法

Vue 包含一组观察数组的变异方法，所以它们也将会触发视图更新。这些方法如下：

• push()
• pop()
• shift()
• unshift()
• splice()
• sort()
• reverse()
  

都有什么功能？动手试验了一下：

  
   
    push方法：
    
    
    

     

      
     
    
   
    
    pop方法：
    
    

     

      
     
    
   
   
    shift方法：
    
    

     

      
     
    
   
    
    unshift方法：
    
    
    

     

      
     
    
   
   
    splice方法：
    
    

     

      
     
    
   
   
    sort方法：
    
    

     

      
     
    
    
   
   reverse方法：
    
    

     

      
     
    
   
   result显示的地方：

   
  

得到下面的结论：

push() 往数组最后面添加一个元素，成功返回当前数组的长度

pop() 删除数组的最后一个元素，成功返回删除元素的值

shift() 删除数组的第一个元素，成功返回删除元素的值

unshift() 往数组最前面添加一个元素，成功返回当前数组的长度

splice() 有三个参数，第一个是想要删除的元素的下标（必选），第二个是想要删除的个数（必选），第三个是删除
后想要在原位置替换的值（可选）

sort() 使数组按照字符编码默认从小到大排序,成功返回排序后的数组

reverse() 将数组倒序，成功返回倒序后的数组

后来发现这些应该都是javascript本来的方法吧？以前javascript没学好，正好趁这次把这些方法的用法都给捡回来！