js,TypeScript中常用的易混方法 splice jion slice splite

在使用中 splice jion slice splite 容易出现记忆混了,今天整理一下。
1.splice
在 TypeScript 中,您可以使用 splice 方法或直接将数组的长度设置为 0 来清空数组。

下面是使用 splice 方法清空数组的示例代码片段:

const myArray: number[] = [1, 2, 3, 4, 5]; // 假设这是一个数字数组

// 使用 splice 方法清空数组
myArray.splice(0, myArray.length);

console.log(myArray); // 输出清空后的数组:[]

在这个示例中,我们定义了一个名为 myArray 的数字数组。然后,我们调用 splice 方法,从索引 0 开始删除数组中的所有元素。最后,我们输出修改后的数组以验证更改。

如果您希望直接清空数组而不修改原始数组,可以使用以下代码:

const myArray: number[] = [1, 2, 3, 4, 5]; // 假设这是一个数字数组

// 创建一个新的空数组
const emptyArray: number[] = [];

// 将原始数组替换为新数组
myArray.splice(0, myArray.length, ...emptyArray);

console.log(myArray); // 输出清空后的数组:[]

在这个示例中,我们首先创建一个新的空数组 emptyArray。然后,我们使用 splice 方法将原始数组的所有元素替换为新数组。最后,我们输出修改后的数组以验证更改。

2.jion
在 JavaScript 中,join() 方法用于将数组的所有元素连接成一个字符串。它接受一个可选参数,该参数指定了要插入到元素之间的分隔符。

下面是一个使用 join() 方法的示例代码片段:

const myArray = ['Hello', 'World']; // 假设这是一个字符串数组

// 使用 join() 方法将数组元素连接成一个字符串
const joinedString = myArray.join(' ');

console.log(joinedString); // 输出连接后的字符串:'Hello World'

在这个示例中,我们定义了一个名为 myArray 的字符串数组。然后,我们调用 join() 方法,并传递一个空格作为分隔符,将数组元素连接成一个字符串。最后,我们输出连接后的字符串以验证结果。

请注意,join() 方法不会修改原始数组,而是返回一个新的字符串,因此不需要返回值。如果您需要保留原始数组不变,可以在调用 join() 之前创建一个副本。
3.splite
在 JavaScript 中,splite() 方法用于将一个字符串分割成一个数组。它接受一个参数,该参数指定了用于分割字符串的分隔符。

下面是一个使用 splite() 方法的示例代码片段:

const myString = 'Hello World'; // 假设这是一个字符串

// 使用 splite() 方法将字符串分割成一个数组
const splitArray = myString.split(' ');

console.log(splitArray); // 输出分割后的数组:['Hello', 'World']

在这个示例中,我们定义了一个名为 myString 的字符串。然后,我们调用 split() 方法,并传递一个空格作为分隔符,将字符串分割成一个数组。最后,我们输出分割后的数组以验证结果。

请注意,split() 方法不会修改原始字符串,而是返回一个新的数组,因此不需要返回值。如果您需要保留原始字符串不变,可以在调用 split() 之前创建一个副本。
4.slice
在 JavaScript 中,slice() 方法用于从数组中提取一个新的数组,该数组包含原始数组的一部分元素。它可以接受两个参数:起始索引和结束索引。

下面是一个使用 slice() 方法的示例代码片段:

const myArray = [1, 2, 3, 4, 5]; // 假设这是一个数字数组

// 从索引 1 开始到索引 3(不包括索引 3)提取一个新数组
const newArray = myArray.slice(1, 3);

console.log(newArray); // 输出新数组:[2, 3]

在这个示例中,我们定义了一个名为 myArray 的数字数组。然后,我们调用 slice() 方法,从索引 1 开始到索引 3(不包括索引 3)提取一个新数组。最后,我们输出新数组以验证结果。

请注意,slice() 方法不会修改原始数组,而是返回一个新的数组,因此不需要返回值。如果您需要保留原始数组不变,可以在调用 slice() 之前创建一个副本。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容