vue或js中splice和join使用方法

Posted 2022-01-28 weixin_40228600

Vue中splice的使用
splice(index,len,[item])
用来替换/删除/添加数组内某一个或者几个值（该方法会改变原始数组）

index:数组开始下标
len: 替换/删除的长度
item:替换的值，删除操作的话 item为空

//删除起始下标为1，长度为1的一个值(len设置1，如果为0，则数组不变)
var arr = [‘a’,‘b’,‘c’,‘d’];
arr.splice(1,1);
console.log(arr);
//输出结果[‘a’,‘c’,‘d’];

//替换起始下标为1，长度为1的一个值为‘test’
var arr = [‘a’,‘b’,‘c’,‘d’];
arr.splice(1,1,‘test’);
console.log(arr);
//输出结果[‘a’,‘test’,‘c’,‘d’]

//替换起始下标为2，长度为2的两个值为‘test’
var arr2 = [‘a’,‘b’,‘c’,‘d’];
arr2.splice(2,2,‘test’);
console.log(arr2);
//输出结果[‘a’,‘b’,‘test’]

//在下标为2处添加一项’test’
var arr = [‘a’,‘b’,‘c’,‘d’];
arr.splice(2,0,‘test’);
console.log(arr);
//输出结果[‘a’,‘b’,‘test’,‘c’,‘d’]

Vue中join的使用
join() 方法将数组作为字符串返回。
join(".")将数组中的,替换为.
例如：
let test=[‘a’,‘b’,‘c’]
console.log(test.join("."))
输出结果：a.b.c

注释：join() 方法不会改变原始数组。