美文网首页
js,TypeScript中常用的易混方法 splice ji

js,TypeScript中常用的易混方法 splice ji

作者: 幻影道哥 | 来源:发表于2024-08-06 10:05 被阅读0次

在使用中 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() 之前创建一个副本。

相关文章

  • js中splice()方法

    一、splice语法 splice可以增加数组元素,也可以删除数组元素,增加或者改变都会改变数组的个数 array...

  • JS中易混淆方法:split,splice,slice

    Split Split是切割字符串的一种方法,该方法主要用于把一个字符串分割成字符串数组。 用于字符串对象。 s....

  • js的splice方法

    js中数组的 splice() 方法用于插入、删除或替换数组的元素,操作结果会改变原始数组,具体可参考下面的例子:...

  • JS数组去重的方法汇总

    一、使用双重for循环,再利用数组的splice方法去重(ES5常用) 注:array.splice(index,...

  • JS中splice的ReferenceError: splice

    JavaScript中对数组的操作十分的方便,有很多的方法比如splice()方法,但是不能直接使用,例如: 这个...

  • 数组常用方法

    总结常用的Array方法 forEach map filter every some splice reduce ...

  • 数组中常用方法的总结

    数组中常用方法 push() pop() shift() unshift() splice() slice() j...

  • Vue 数组相关

    1.如何对数组进行插入或删除splice Vue数组中存对象 关于绑定方法,方法里面传递对象数据 js中数组如何进...

  • 2018-07-23

    在js中的List的splice函数用法 var arr[]={1,2,3,4}; 删除 :splice(1,1)...

  • JavaScript 实现 —— 将一个数组插入另一个数组中

    方法一: unshift + splice 方法二:splice + concat 方法三: splice + E...

网友评论

      本文标题:js,TypeScript中常用的易混方法 splice ji

      本文链接:https://www.haomeiwen.com/subject/ieyxkjtx.html