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

这篇具有很好参考价值的文章主要介绍了JavaScript中splice()、slice()、split()三种方法的区别,及使用详细。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

简介: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中。

感觉有用,就一键三连,感谢(●'◡'●)文章来源地址https://www.toymoban.com/news/detail-859325.html

到了这里,关于JavaScript中splice()、slice()、split()三种方法的区别,及使用详细的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • js 常用函数 push()、pop()、shift()、unshift()、slice()、splice() 等

    最近对前端一些函数的用法还不是很熟悉,有一些函数容易混淆,在此总结一下,同时分享给各位小伙伴: join() 将数组中元素 组成字符串 ,需要传个参数作为连接符,不传的话默认就是逗号。 在数组 尾部逐个添加 元素,返回结果数组的长度,能接收任意数量参数,push(

    2024年02月02日
    浏览(33)
  • (超详细)数组方法 ——— splice( )

    splice() 方法: 通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。 参数: index —— 必需。整数,规定添加/删除项目的 位置 。 使用负数可从数组结尾处规定位置。 howmany —— 必需。要删除的项目 数量。 包

    2024年02月15日
    浏览(37)
  • JavaScript split()方法

    split() 方法用于把一个字符串分割成字符串数组。 string.split(separator,limit) 参数 描述 separator 可选。字符串或正则表达式,从该参数指定的地方分割 string Object。 limit 可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如

    2024年02月03日
    浏览(32)
  • JavaScript split() 方法详解

    string .split( separator , limit )  limit参数为可选 split() 方法用于把一个字符串分割成字符串数组。 提示:  如果把空字符串 (\\\"\\\") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。 注意:  split() 方法不改变原始字符串。 使用 limit 参数: 假如有这种一个场景就是根据分

    2024年02月14日
    浏览(28)
  • Vue splice方法使用

    语法格式:splice(index, len, [item]) 可以用来替换/删除/添加数组内某一个值或几个值,该方法会改变初始数组。 index:数组开始下标 len:替换/删除的长度 item:替换的值,为删除时item为空 删除: 替换: 新增:

    2024年02月10日
    浏览(31)
  • Java split方法详细讲解

    描述:在日常编写代码时,我们经常遇到需要将一串字符串中的数据进行分析摘取,从中获得分隔符外的数据,此时便不得不提split方法。 分隔符可以是任意字符、符号、数字、字符串等。 2.1.1 单个分隔符  上述代码输出结果  如果分隔符本身就是\\\"|\\\",那么就需要使用转义字

    2024年02月01日
    浏览(30)
  • Java中split方法详细讲解

    语法: public String split(String regex) public String split(String regex, int limit) 参数: regex : 应用于字符串的正则表达式。 limit :数组中字符串的数量限制。如果它为零,它将返回所有匹配正则表达式的字符串。 返回值 :array of strings 例外: PatternSyntaxException 如果正则表达式的模式无效

    2024年02月15日
    浏览(40)
  • JavaScript【字符串方法(charAt()、concat()、slice()、substring()、substr()、indexOf()/lastIndexOf()、trim())】(五)

      目录 字符串 字符串转码 字符串方法_charAt()

    2024年02月13日
    浏览(42)
  • Java String split()方法详细教程

    Java String类的split()方法根据给定的正则表达式拆分字符串,并返回一个字符数组。 1、内部实现 2、语法 Java String类的split()方法有两种语法。 3、参数 regex:要应用于字符串的正则表达式。 limit:数组中字符串的数量限制。如果为零,则返回与正则表达式匹配的所有字符串。

    2024年02月09日
    浏览(29)
  • 【JavaScript】对象 ② ( 对象使用 | 调用对象属性 | 调用对象方法 | 变量与属性区别 | 函数与方法区别 )

    使用字面量创建对象要点 : 在上一篇博客 【JavaScript】对象 ① ( 对象概念 | 对象使用场景 | 使用字面量创建对象 | 空对象字面量 | 小括号 / 中括号 / 大括号 作用 ) 中 , 介绍了 使用 字面量 创建对象 , 有如下要点 : 键值对 : 对象字面量 中的 属性 和 方法 都是以 \\\" 键值对 \\\" 的形

    2024年04月14日
    浏览(54)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包