splice()和split()的用法和区别

splice()和split()是JavaScript中字符串和数组的常用方法

1.splice()

splice()用于在数组中添加/删除/替换元素,它会直接修改原数组。其基本语法如下:

1.1·删除元素

array.splice(start,deleteCount):从start索引处开始,删除deleteCount个元素,并返回被删除的元素组成的新数组;如果deleteCount参数缺省,则删除从start索引开始到数组末尾的所有元素
例子:

const arr = [1,2,3,4];
const deleted = arr.splice(1,2)
console.log(arr); // 输出[1,4]
console.log(deleted ); // 输出[2,3]

1.2·插入元素

array.splice(start,0,item1,item2,…):从start索引处开始,插入指定的新元素到数组中,返回被删除的元素组成新的数组,如果deleteCount参数为0,则只插入新元素。
例子:

const arr = [1,2,3,4];
const deleted = arr.splice(1,0,4,5)
console.log(arr); // 输出[1,4,5,2,3]

1.3·替换元素

array.splice(start,deleteCount,item1,item2,…):从start索引处开始,删除deleteCount个元素,并插入指定的新元素到数组中,返回被删除元素组成的新数组。如果deleteCount参数为0,则只插入新元素
例子:

const arr = [1,2,3,4];
const deleted = arr.splice(1,2,5,6)
console.log(arr); // 输出[1,5,6,4]
console.log(deleted ); // 输出[2,3]

需要注意的是,splice()方法会直接修改原数组,并返回被删除的元素组成的新数组。如果传递的参数有误可能会导致意想不到的结果,因此建议在使用该方法时,仔细检查操作是否正确并在必要时进行备份操作。

2.split()

split()方法用于将字符串按照指定的分隔符转换成数组。其基本语法如下:

string.split(separator,limit);

其中,separator表示分隔符,可以是一个字符串或者正则表达式,省略则表示以空格为分隔符;limit表示最大分割次数,省略则不限制。
例如,以下示例将字符串“one,two,three”按逗号“,”分隔,转换成数组:

const str = "one,two,three";
const arr = str.split(",");
console.log(arr); // 输出["one","two","three"]

你可能感兴趣的:(前端学习,新手村,javascript,前端)