split(),slice(),splice(),join()使用方法

比如一个例子：

有一个字符串：pdf,jpg,png,jpge,doc,docx,xls,xlsx,ppt,pptx,rar,zip

把它修改成以逗号连接的扩展名字符串，方法如下：

var accept="pdf,jpg,png,jpge,doc,docx,xls,xlsx,ppt,pptx,rar,zip";
var newStr="."+accept.toLowerCase().split(",").join(",.");
console.log(newStr);
//输入：.pdf,.jpg,.png,.jpge,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.rar,.zip

split(): 用于将字符串分割成子字符串，并将结果存储在一个数组中。它接受一个分隔符作为参数，将字符串根据该分隔符进行分割，并返回一个包含分割后子字符串的数组。

用法示例：

const str = "Hello, World!";
const arr = str.split(","); // 将字符串按逗号分割成数组
console.log(arr); // 输出: ["Hello", " World!"]

join(): 将数组中的所有元素连接成一个字符串。它接受一个可选的分隔符作为参数，将数组中的元素用该分隔符连接起来，并返回连接后的字符串。

用法示例：

const arr = ["Hello", "World!"];
const str = arr.join(","); // 将数组中的元素用逗号连接成字符串
console.log(str); // 输出: "Hello,World!"

slice(): 从字符串或数组中提取指定范围的元素，并返回一个新的字符串或数组。它接受起始索引和可选的结束索引作为参数，返回从起始索引到结束索引之间的元素（不包括结束索引）。

用法示例：

const str = "Hello, World!";
const slicedStr = str.slice(7, 12); // 提取从索引 7 到索引 11 的子字符串
console.log(slicedStr); // 输出: "World"

const arr = [1, 2, 3, 4, 5];
const slicedArr = arr.slice(2, 4); // 提取从索引 2 到索引 3 的子数组
console.log(slicedArr); // 输出: [3, 4]

splice():从数组中添加、删除或替换元素，并返回被删除的元素组成的数组。它接受起始索引、删除的元素个数和可选的要添加的元素作为参数。

1.删除功能：
第一个参数：第几项位置，第二个参数：要删除几个。返回值为删除内容，array为结果值。

array.splice(index,num)

// 删除功能 第一个参数为第一项位置，第二个参数为要删除几个
var arr1 = ['a', 'b', 'c', 'b']
var removeArray = arr1.splice(1, 1)
console.log(arr1); //['a', 'c', 'b']

2、插入功能：

第一个参数（插入位置），第二个参数（0），第三个参数（插入的项）

array.splice(index,0,insertValue)，返回值为空数组，array值为最终结果值

//插入功能 第一个参数（插入位置），第二个参数（0），第三个参数（插入的项）
var arr2 = ['a', 'b', 'c', 'b']
var removeArray = arr2.splice(1, 0, "rabbit")
console.log(arr2); // ['a', 'rabbit', 'b', 'c', 'b']

3、替换功能：

第一个参数（起始位置），第二个参数（替换的项数），第三个参数（插入任意数量的项）

array.splice(index,num,insertValue)，返回值为删除内容，array为结果值。

//替换功能 第一个参数（起始位置），第二个参数（替换的项数），第三个参数（插入任意数量的项）
var arr3 = ['a', 'b', 'c', 'b']
var removeArray = arr3.splice(1, 1, 'sss', '5', '562')
console.log(arr3); //['a', 'sss', '5', '562', 'c', 'b']

完整代码

<script>

// 删除功能 第一个参数为第一项位置，第二个参数为要删除几个
var arr1 = ['a', 'b', 'c', 'b']
var removeArray = arr1.splice(1, 1)
console.log(arr1); //['a', 'c', 'b']

//插入功能 第一个参数（插入位置），第二个参数（0），第三个参数（插入的项）
var arr2 = ['a', 'b', 'c', 'b']
var removeArray = arr2.splice(1, 0, "rabbit")
console.log(arr2); // ['a', 'rabbit', 'b', 'c', 'b']

//替换功能 第一个参数（起始位置），第二个参数（替换的项数），第三个参数（插入任意数量的项）
var arr3 = ['a', 'b', 'c', 'b']
var removeArray = arr3.splice(1, 1, 'sss', '5', '562')
console.log(arr3); //['a', 'sss', '5', '562', 'c', 'b']

</script>

split():是JavaScript字符串分割方法，其作用是将一个字符串根据指定的分隔符进行拆分，并返回一个由拆分后的子串组成的数组。

spit()方法的使用格式为：

string.split(separator, limit);
其中，string是要拆分的原始字符串；separator是分隔符，可以是一个固定的字符串或者一个正则表达式；limit是可选参数，用于限制返回的子串数量。

例如，假设有以下字符串：

var str = "JavaScript is a powerful programming language.";
如果我们想根据空格分隔该字符串，则可以使用如下代码：

var arr = str.split(" ");
console.log(arr);
执行后会输出如下结果：

["JavaScript", "is", "a", "powerful", "programming", "language."]
这里arr是一个包含了经过分割后的子串的数组。

需要注意的是，split()方法不会修改原始字符串，而是返回一个新的数组。

join()是什么?有什么作用?如何使用?
join()是JavaScript一个数组方法，作用是将数组的所有元素转换为字符串，并使用指定的分隔符连接起来。

它的语法如下：

array.join(separator)
其中，ARRAY是要进行连接的数组，separator是可选的分隔符，默认为逗号。函数返回一个包含所有数组元素的字符串。

举个例子来说明其使用方法和作用：

var fruits = ["苹果", "香蕉", "橙子"];
var result = fruits.join(); // 结果为：苹果,香蕉,橙子
在这个例子中，我们有一个名为fruits的数组，包含了三个水果名称。调用join()函数并不传入任何参数，所以默认的分隔符是逗号。结果会将数组中的元素用逗号连接起来得到一个字符串："苹果,香蕉,橙子"。

你也可以自定义分隔符，例如：

var numbers = [1, 2, 3, 4];
var result = numbers.join("-"); // 结果为：1-2-3-4
在这个例子中，我们将join()函数的参数设置为横线（"-")，结果会将数组中的元素用横线连接起来得到一个字符串："1-2-3-4"。

需要注意的是,join()函数会将数组中的每个元素自动转换为字符串。如果数组中的元素是NULL或者UNDEFINED，则会被转换为空字符串。

总结一下，join()函数的作用就是将数组的元素连接起来形成一个字符串，并可以自定义分隔符。它非常有用，特别是在需要将数组内容以特定格式输出的情况下。

还有一种语法:

JSON.stringify(value[, replacer[, space]])
其中，value是要转换的JavaScript对象，replacer是可选参数，用于控制哪些属性应该被包含在最终的字符串中，space也是可选参数，用于定义输出字符串时的缩进。

以下是一些示例：

var person = {
name: "John",
age: 30,
city: "New York"
};

var jsonString = JSON.stringify(person);
console.log(jsonString);
// 结果为: {"name":"John","age":30,"city":"New York"}
在这个例子中，我们有一个名为person的对象。通过调用JSON.stringify()函数并传入person作为参数，它会将该对象转换为以下格式的字符串：{"name":"John","age":30,"city":"New York"}。

需要注意的是，JOIN.stringify()方法只会将对象的可枚举属性包含在最终的字符串中。如果想进一步地对要包含的属性进行过滤、替换或进行其他操作，可以使用replacer参数。此参数可以是一个函数或一个数组。

另外，space参数用于指定输出字符串时的缩进长度。如果不指定该参数，则生成的字符串没有任何缩进。

var person = {
name: "John",
age: 30,
city: "New York"
};

var jsonString = JSON.stringify(person, null, 2);
console.log(jsonString);
// 结果为:
// {
// "name": "John",
// "age": 30,
// "city": "New York"
// }
在上面的示例中，我们传入了null作为替代项（因为我们不需要进行属性替换），并将space参数设置为2，以便为输出字符串添加2个空格的缩进。

总结一下，JOIN.stringify()方法用于将JavaScript对象转换为字符串，使其适合于网络传输或存储。它是处理数据的常见方法之一，特别适用于与服务器进行数据交换，以及将数据保存在本地存储或浏览器会话中。

slice()是什么?有什么作用?如何使用?
slice()是JavaScript中的一个方法，在Python和其他一些编程语言中也有相似的功能。它用于从一个数组或字符串中提取指定范围的元素，并返回一个新的数组或字符串，而不会改变原始的数组或字符串。

slice()方法有两个参数：start 和 end。start表示要提取的起始位置（包括该位置的元素），end表示要提取的终止位置（不包括该位置的元素）。如果省略end参数，则默认会提取到数组或字符串的末尾。

下面是使用slice()方法的示例：

var arr = [1, 2, 3, 4, 5];
var slicedArr = arr.slice(1, 4); // 从索引1开始，直到索引4（不包括4）
console.log(slicedArr); // 输出 [2, 3, 4]

var str = "Hello World";
var slicedStr = str.slice(6); // 从索引6开始提取到字符串末尾
console.log(slicedStr); // 输出 "World"
需要注意的是，slice()方法不会修改原始数组或字符串，而是返回一个新的切片。

splice()是什么?有什么作用?如何使用?
splice()是JavaScript中的一个方法，在Python和其他一些编程语言中也有相似的功能。它用于改变原始的数组或字符串，可以删除、插入和替换元素。

splice()方法有三个参数：start，deleteCount和items。start表示要修改的起始位置的索引，deleteCount表示要删除的元素数量，items则是可选参数，表示要添加到数组或字符串中的新元素。

下面是使用splice()方法的示例：

var arr = [1, 2, 3, 4, 5];
arr.splice(2, 2); // 从索引2开始删除2个元素
console.log(arr); // 输出 [1, 2, 5]

var str = "Hello World";
var newStr = str.splice(6, 0, ","); // 在索引6处插入逗号
console.log(str); // 输出 "Hello, World"
需要注意的是，splice()方法会直接修改原始的数组或字符串，并返回一个包含被删除的元素的数组，如果没有删除任何元素，则返回一个空数组。当我们向原始数组或字符串中插入新的元素时，splice()方法会返回一个空数组。