vue3向数组插入一条自定义数据实现方式

<script setup>
import { nextTick, ref } from "vue";

//首先定义
const areaList=ref([])

/**地区下拉款 */
GetAreaList()
async function GetAreaList(){
  areaList.value=await getArea(null);//调用接口返回数据赋值
  areaList.value.splice(0,0,{value:"", text: "全部"});//使用splice向数组插入一条自定义数据
}

</script>

areaList.value.push({value:"", text: "全部"},{value:"other", text: "其他"});

let array=[{value:"", text: "全部"},{value:"other", text: "其他"}];
areaList.value.push(...arras);//三个点...是ES6的扩展运算符

array.splice(index,len,item1,.....,itemX)

areaList.value.splice(0,0,{value:"", text: "全部"});//使用splice向数组插入一条自定义数据

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(1,1);
console.log(fruits); 
//["Banana", "Apple", "Mango"]; 

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(1,2);
console.log(fruits); 
//["Banana", "Mango"]; 

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(1,1,'ttt');
console.log(fruits); 
//["Banana", 'ttt',"Apple", "Mango"];
//替换起始下标为1，长度为2的两个值为‘ttt'，len设置的1

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(1,2,'ttt');
console.log(fruits); 
//["Banana", 'ttt', "Mango"];

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(1,0,'ttt');
console.log(fruits); 
//["Banana", 'ttt', "Orange", "Apple", "Mango"];

var items = ["1", "2", "3", "4"];
items.splice(items.length / 2, 0, "hello");
console.log(items);
// ["1", "2", "hello", "3", "4"]