js split , slice, splice 三者区别

1  split 根据特定字符切割字符串并返回生产数组。

str = “s-aaa-sss-eee-www”;

targetArr = str.slite(“-”); //[‘s’,’aaa’,’sss’,’eee’,’www’]

2  slice 接受一个或两个参数,可以重新生成新数组。(注意是新数组,不会改变原来数组值).

slice( para1 ),会截取从para1开始的到原数组最后的部分

slice(para1,para2)会截取原数组的从para1开始的para2-para1个数组

var arr = [1,2,3,4];

var del = arr.slice(1,2)//从下标为1的位置删除,删除两个元素(不包括下标为2的元素)

var del1 = arr.slice(-1)//为元素的最后一位

var del2 = arr.slice(-6)//当只传入一个参数,而且是负数,并且负数长度大于数组长度,就全部截取。

var del3 = arr.slice(1,-2)//当传入的参数为一正一负时,length会先与负数相加在截取

var del4 = arr.slice(6)//当传入的参数大于length,返回一个空数组

console.log(del)//2

console.log(del1)//4

console.log(del2)//1,2,3,4

console.log(del3)//2

console.log(del4)//[]

3 splice(); 数组操作,从数组中添加或删除元素,返回新数组(会对原有数组进行更改,获取新数组)。

A: 添加, splice(index,0,data1,data2,....)

Index:插入元素的起始位置;data1, data2 添加的元素。

B: 0 删除个数为0;

Var arr = [‘a’,’b’,’c’,’d’];

Arr.splice(2,1,’w’,’z’);//从下班为2的地方截取1个元素,并添加两个元素。

Console.log(arr)// a,b,w,z,d

C: 删除:splice(index,end)// index删除起始位置,end 删除元素个数

Var arr = [1,2,3,4];

Var del = arr.splice(1,2)//从下标为1的位置删除,删除两个元素(包括下标为1的元素)

Console.log(1,4);

你可能感兴趣的:(vue,javascript,前端,html)