vue中實現(xiàn)變異數(shù)組和非變異數(shù)組的方法

在閱讀vue官網(wǎng)的時候,偶然間看到了一個觀察數(shù)組變異的方法,變異方法?Are you kidding me? ...什么東西?guide就給了這么一堆東西:
Vue 包含一組觀察數(shù)組的變異方法,所以它們也將會觸發(fā)視圖更新。這些方法如下:
*
1.push( )
*
2.pop( )
*
3.unshift( )
*
4.shift( )
*
5.splice()
*
6.sort()
*
7.reverse()

看完這里才恍然大悟,其實數(shù)組變異方法都是JavaScript操作數(shù)組的方法,那么接下來就一一解釋這些方法是干嘛用的
push()往數(shù)組最后面添加一個元素,成功返回當(dāng)前數(shù)組的長度
pop()刪除數(shù)組的最后一個元素,成功返回刪除元素的值
shift()刪除數(shù)組的第一個元素,返回該元素。
unshift()在數(shù)組的開頭添加一個或者多個元素,返回原數(shù)組的長度,改變原來的數(shù)組
splice()有三個參數(shù),第一個是刪除index位置的元素(必選),第二個是想要刪除的個數(shù)(必選),第三個是刪除后想要在原位置替換的值(可選)
splice(index,num,5)表示從index下標(biāo)位置開始向后截取num個元素,截取的這些元素組成一個新數(shù)組返回,并且從index位置開始,插入后面的所有參數(shù)。(插入到原數(shù)組里去)
sort()使數(shù)組按照字符編碼默認從小到大排序,成功返回排序后的數(shù)組
reverse() 將數(shù)組倒序,成功返回倒序后的數(shù)組

既然有變異方法那么也自然有非變異方法(操作數(shù)組不改變原數(shù)組的)
filter()、concat()和 slice()
他們不會改變原始數(shù)組,他們只會生成一個新的數(shù)組
slice()將原數(shù)組copy
slice(startindex,endindex)從startindex下標(biāo)開始向后截取到endindex位置(不包含)的元素,截取的這些元素組成新的數(shù)組返回,原數(shù)組不變
concat()將一個或多個數(shù)組組合到原數(shù)組中,組成新的數(shù)組返回
與push的區(qū)別
filter()可以對數(shù)組元素進行過濾

逆戰(zhàn)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容