分别利用split(),slice(),splice(),join(),操作数组的方法

简介: 分别利用split(),slice(),splice(),join(),操作数组的方法

前言:

我们要知道split(),join(),slice(),splice(),这些方法都是做什么的,有什么用,如何去使用:

以下是对于这些方法的简要说明:

  1. split(): split() JavaScript方法用于将字符串分割成子字符串,并将结果存储在一个数组中。它接受一个分隔符作为参数,将字符串根据该分隔符进行分割,并返回一个包含分割后子字符串的数组。
    用法示例:
const str = "Hello, World!";
const arr = str.split(","); // 将字符串按逗号分割成数组
console.log(arr); // 输出: ["Hello", " World!"]
  1. join(): join() 方法用于将数组中的所有元素连接成一个字符串。它接受一个可选的分隔符作为参数,将数组中的元素用该分隔符连接起来,并返回连接后的字符串。
    用法示例:
const arr = ["Hello", "World!"];
const str = arr.join(","); // 将数组中的元素用逗号连接成字符串
console.log(str); // 输出: "Hello,World!"
  1. slice(): 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]
  1. splice(): splice() 方法用于从数组中添加、删除或替换元素,并返回被删除的元素组成的数组。它接受起始索引、删除的元素个数和可选的要添加的元素作为参数。
    用法示例:
const arr = [1, 2, 3, 4, 5];
const deletedElements = arr.splice(2, 2); // 从索引 2 开始删除 2 个元素
console.log(arr); // 输出: [1, 2, 5]
console.log(deletedElements); // 输出: [3, 4]
arr.splice(1, 0, "a", "b"); // 从索引 1 开始不删除元素,添加 "a" 和 "b"
console.log(arr); // 输出: [1, "a", "b", 2, 5]

这些方法在字符串和数组的处理中非常常用,可以根据具体的需求使用它们进行字符串的分割、连接,以及数组的切片、增删操作。

split()是什么?有什么作用?如何使用?

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

相关文章
|
7月前
split(), reverse(),join()等函数用法
split(), reverse(),join()等函数用法
|
5月前
|
前端开发 JavaScript 索引
获取指定位置的字符,charAt(index)、str[index],字符串截取str.slice(1,-1),表示从第二个截取到倒数第二个,str.slice(2,s2),str.concat()
获取指定位置的字符,charAt(index)、str[index],字符串截取str.slice(1,-1),表示从第二个截取到倒数第二个,str.slice(2,s2),str.concat()
获取指定位置的字符,charAt(index)、str[index],字符串截取str.slice(1,-1),表示从第二个截取到倒数第二个,str.slice(2,s2),str.concat()
|
7月前
|
JavaScript 前端开发
解一下操作数组的方法reduce,some,map,find
解一下操作数组的方法reduce,some,map,find
52 0
|
7月前
|
前端开发
如何区分slice,splice,split?
如何区分slice,splice,split?
83 0
|
7月前
使用Lamda表达式、stream流遍历Map、list
使用Lamda表达式、stream流遍历Map、list
124 0
|
JavaScript 索引
JS数组常用方法(超级详细,含理解) push、pop、unshift、shift、splice、slice、concat、join、revres、indexOf、sort、filter、map
JS数组常用方法(超级详细,含理解) push、pop、unshift、shift、splice、slice、concat、join、revres、indexOf、sort、filter、map
341 0
Search in Rotated Sorted Array - 循环有序数组查找问题
Search in Rotated Sorted Array - 循环有序数组查找问题
74 0
join()与split()函数的区别
join()与split()函数的区别
175 0
join()与split()函数的区别
常见遍历方法 for循环、forEach、map、filter、find、findIndex、some、every
常见遍历方法 for循环、forEach、map、filter、find、findIndex、some、every
189 0
|
Web App开发 算法 搜索推荐
数组的 sort() 方法详解
纸上得来终觉浅,绝知此事要躬行!
227 0
数组的 sort() 方法详解