在Vue中,數(shù)組對象是非常常用的數(shù)據(jù)類型。一個數(shù)組對象是由多個元素組成的,每個元素可以是任意類型的數(shù)據(jù),比如整數(shù)、字符串、布爾值、對象等等。Vue提供了多種方法來處理數(shù)組對象,可以方便地增加、刪除、修改元素,還可以對元素進(jìn)行排序、過濾等操作。下面來介紹一些Vue中數(shù)組對象的常用操作。
//定義一個數(shù)組對象
let arr = [
{ id: 1, name: 'Tom', age: 18 },
{ id: 2, name: 'Jerry', age: 20 },
{ id: 3, name: 'Mary', age: 17 },
];
1. 添加元素
可以使用push()或unshift()方法向數(shù)組對象中添加新的元素。其中,push()方法是在數(shù)組的末尾添加新元素,而unshift()方法則是在數(shù)組的開頭添加新元素。
//使用push()方法向數(shù)組末尾添加新元素
arr.push({ id: 4, name: 'Jerry', age: 35 });
//使用unshift()方法向數(shù)組開頭添加新元素
arr.unshift({ id: 0, name: 'Jack', age: 25 });
2. 刪除元素
可以使用splice()方法刪除數(shù)組中的元素。其中,splice()方法接受兩個參數(shù),第一個參數(shù)為要刪除的元素的起始下標(biāo),第二個參數(shù)為要刪除的元素個數(shù)。
//刪除下標(biāo)為2的元素
arr.splice(2, 1);
3. 修改元素
可以直接通過下標(biāo)的方式修改數(shù)組中的元素。
//將下標(biāo)為1的元素的age屬性修改為22
arr[1].age = 22;
4. 排序元素
可以使用sort()方法對數(shù)組進(jìn)行排序。sort()方法默認(rèn)將元素按照Unicode編碼的順序進(jìn)行排序,可以傳入一個比較函數(shù)來自定義排序規(guī)則。
//按照age屬性從小到大排序
arr.sort((a, b) =>a.age - b.age);
5. 過濾元素
可以使用filter()方法對數(shù)組進(jìn)行過濾。filter()方法接受一個回調(diào)函數(shù)作為參數(shù),回調(diào)函數(shù)返回true的元素會被保留,返回false的元素會被過濾掉。
//過濾age屬性小于18的元素
let newArr = arr.filter(item =>item.age >= 18);