JavaScript中splice()、slice()、split()三种方法的区别，及使用详细

男娘i 2023-10-10 18:18 26阅读 0赞

#### 简介：splice、slice、split是JavaScript中，比较常用的三个方法，表面看起来有点相像，用处却大不相同，今天就来分别介绍下它们的用法。 ####

#### **1、splice()方法** ####

**splice方法可以用来删除数组中的元素，或者向数组中添加新的元素。它的语法如下：**

array.splice(start, deleteCount, item1, item2, ...)

**其中，start表示要删除或添加元素的起始位置，deleteCount表示要删除的元素个数，item1、item2等表示要添加到数组中的元素。**

**示例：**

var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.splice(2, 1, "Lemon", "Kiwi"); 
    
    console.log(fruits); 
    // ["Banana", "Orange", "Lemon", "Kiwi", "Mango"]

**上面的代码中，我们从数组的第二个位置开始，删除了一个元素（即“Apple”），并向数组中添加了两个新元素（即“Lemon”和“Kiwi”）。**

#### **2、slice()方法** ####

**slice方法可以用来从数组中提取出一部分元素，返回一个新的数组。它的语法如下：**

array.slice(start, end)

**其中，start表示要提取的起始位置，end表示要提取的结束位置（不包括该位置的元素）。**

**示例：**

var fruits = ["Banana", "Orange", "Apple", "Mango"];
    var citrus = fruits.slice(1, 3); 
    
    console.log(citrus); 
    // ["Orange", "Apple"]
    
    fruits.slice(-1); //表示截取数组最后一项

**上面的代码中，我们从数组的第一个位置开始，提取了两个元素（即“Orange”和“Apple”），并将它们存储在一个新的数组中。**

#### **3、split()方法** ####

**split方法可以用来将一个字符串分割成一个数组。它的语法如下：**

string.split(separator, limit)

**其中，separator表示用来分割字符串的字符或字符串，limit表示返回的数组的最大长度。**

**示例：**

var str = "How are you doing today?";
    var words = str.split(" "); //从空格部分开始分割
    
    console.log(words); 
    // ["How", "are", "you", "doing", "today?"]

**上面的代码中，我们将一个字符串按照空格分割成了一个数组，并将其存储在变量words中。**

**感觉有用，就一键三连，感谢(●'◡'●)**

发表评论取消回复

表情：

评论列表（有 0 条评论，26人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript中splice()、slice()、split()三种方法的区别，及使用详细

简介：splice、slice、split是JavaScript中，比较常用的三个方法，表面看起来有点相像，用处却大不相同，今天就来分别介绍下它们的用法。 1、spli

男娘i/ 2023年10月10日 18:18/ 0 赞/ 27 阅读

相关 JavaScript中三种动态创建元素的区别

三种动态创建元素的方法 1.document.write('') 2.element.innerHTML='' 3.document.createEl

傷城~/ 2023年07月13日 03:45/ 0 赞/ 20 阅读

相关 JavaScript创建对象的三种方法

1. var person = new Object(); 这行代码创建了Object引用类型的一个新实例，然后把该实例对象保存在变量person中。使用的构造函数是Ob

电玩女神/ 2022年08月21日 02:17/ 0 赞/ 240 阅读

相关 javascript事件绑定的三种方法

要想让 JavaScript 对用户的操作作出响应，首先要对 DOM 元素绑定事件处理函数。所谓事件处理函数，就是处理用户操作的函数，不同的操作对应不同的名称。在J

Love The Way You Lie/ 2022年07月15日 22:24/ 0 赞/ 222 阅读

相关 JavaScript 三种创建对象的方法

JavaScript中对象的创建有以下几种方式：（1）使用内置对象（2）使用JSON符号（3）自定义对象构造一、使用内置对象 JavaS

Dear 丶/ 2022年06月17日 13:59/ 0 赞/ 278 阅读

相关 swap的三种实现及区别

我们在实现一个swap函数或者宏定义时，往往会使用以下几种方式： 1. 使用辅助变量 2. 使用加减法 3. 使用位运算我以前使用swap时，从来没有对这三种方法做

梦里梦外;/ 2022年05月26日 13:07/ 0 赞/ 230 阅读

相关 JavaScript中查询元素样式的几种方法，以及区别。

问题描述：实现轮播图时，在达到某一偏移位置时需要将left（绝对定位的偏移）重置为0；从而使图片快速的回移，从而达到无缝轮播的效果。而到达的偏移位置是由一个判断条件所决定

心已赠人/ 2022年05月15日 10:53/ 0 赞/ 326 阅读

相关 JavaScript获取鼠标位置的三种方法

在一些DOM操作中我们经常会跟元素的位置打交道，鼠标交互式一个经常用到的方面，令人失望的是不同的游览器下会有不同的结果甚至是有的游览器下没结果，这篇文章就鼠标点击位置坐标获取做

系统管理员/ 2022年05月12日 06:16/ 0 赞/ 211 阅读

相关 Javascript区别数组和对象的三种方法

var arr = \{\}||\[\]; 区分arr是数组还是对象 1.arr.constru

我会带着你远行/ 2022年03月15日 13:37/ 0 赞/ 256 阅读

相关 js中创建函数的三种方式及区别

1.函数声明 function sum1(n1,n2){ return n1+n2; }; 2.函数表达式，又叫函数字

偏执的太偏执、/ 2021年12月22日 07:39/ 0 赞/ 304 阅读