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()方法会返回一个空数组。

posted @ 2024-04-14 09:23  James·wang  阅读(47)  评论(0编辑  收藏  举报