vue中push()和splice()的使用方法

2022-12-12,,,

vue中push()和splice()的使用方法

push()使用

push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。
注意:1. 新元素将添加在数组的末尾。 2.此方法改变数组的长度。

splice()使用

splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目
注意:这种方法会改变原始数组

语法:

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

index: 必需,数组开始下标 (必须是数字)

len: 替换/删除的长度(必须是数字,但可以是 “0”;如果未规定此参数,则删除从 index 开始到原数组结尾的所有元素。)

item: 替换的值,删除操作的话 item为空
说明:
如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。

删除

//删除起始下标为1,长度为1的一个值(len设置1,如果为0,则数组不变)

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

//删除起始下标为1,长度为2的一个值(len设置2)

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

替换

//替换起始下标为1,长度为1的一个值为‘ttt’,len设置的1

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"];

添加

//在下标为1处添加一项’ttt’

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"]

vue中push()和splice()的使用方法的相关教程结束。

《vue中push()和splice()的使用方法.doc》

下载本文的Word格式文档,以方便收藏与打印。