slice

const list = [1,2,3,4,5,6]console.log(list.slice(0,2)) // [1, 2]
console.log(list.slice(0,-1)) //  [1, 2, 3, 4, 5]
console.log(list.slice(-1)) // [6]
console.log(list.slice(-1,-3)) // []

1、前后两个参数代表起始位置和结束位置(不包含结束位置)
2、大于0,从左到右,小于0从右到左计算位置
3、如果只有一个参数,则默认截取到数组尾部
4、第一个参数为负数时,不论第二个参数为何值,返回空数组(字符串为空字符串)
5、不改变原数组

splice

const list = [1,2,3,4,5,6]console.log(list.splice(0,2)) // [1, 2]
console.log(list.splice(0,0,6)) console.log(list) // []  // [6, 1, 2, 3, 4, 5, 6]
console.log(list.slice(0,-1)) //  [1, 2, 3, 4, 5]
console.log(list.splice(-1)) // [6]
console.log(list.splice(-1,-3)) // []

1、只能数组使用
2、三个参数按顺序分别代表起始位置、删除数量、需要添加的新元素,第二位为0是代表添加
3、大于0,从左到右,小于0从右到左计算位置
4、如果只有一个参数,则默认截取到数组尾部
5、会改变原数组

substring

const str = '123456'console.log(str.substring(0,2)) // '12'
console.log(str.substring(2,0)) // '12'
console.log(str.substring(0,-1)) //  ''
console.log(str.substring(-1)) // '123456'
console.log(str.substring(-1,-3)) // ''

1、只能字符串使用
2、前后两个参数代表起始位置和结束位置(不包含结束位置)
3、前后两个参数大小不要求,会自动从数值小的参数开始
4、负值会默认转为0
5、如果只有一个参数,则默认截取到字符串尾部
6、不会改变原字符串

split

const str = 'hello world !'console.log(str.split()) // ['hello world !']
console.log(str.split('')) // ['h', 'e', 'l', 'l', 'o', ' ', 'w', 'o', 'r', 'l', 'd', ' ', '!']
console.log(str.split(' ')) // ['hello', 'world', '!']
console.log(str.split('world')) // ['hello ', ' !']
console.log(str.split('world',1)) // ['hello ']

1、第一个参数代表字符串或正则表达式,从该参数指定的地方分割,第二个参数代表返回数组最大长度
2、只能字符串使用

slice,splice,substring,split相关推荐

  1. 看完以后就不会混淆啦,靠理解去区别substr, substring, slice,splice, split方法

    substr和substring都姓sub,str说明只用于操作字符串(string),矮的弟弟substr,高的哥哥substring,亲兄弟有2个共同的属性:都不会改变原始字符串,第一个参数(开始 ...

  2. split(),slice(),splice()的区别与应用

    split()是使用指定的分隔符字符串将字符串分割成子字符串,返回一个字符串数组,不改变原字符串 <!DOCTYPE html> <html><head><m ...

  3. split,slice和splice的用法及区别

    1.split(字符串) 用法:string.split(separator,limit) 参数:可选参数limit可以限制被分割的片段数量.separator参数可以是一个字符串或一个正则表达式. ...

  4. js的slice,splice,split的使用

    文章目录 一.slice的使用(截取) 简介: slice 能够截取 字符串 或 数组,并返回一个新的 字符串 或 数组(==不改变原字符串或数组==) 功能一:截取字符串 str.slice(sta ...

  5. JavaScript笔记6(数组,foreach(),slice(),splice(),数组的剩余方法,函数的方法call和apply ,arguments,Date对象,Math,字符串的相关方法)

    JavaScript 数组(Array) forEach(),slice(),splice() 数组的剩余方法 函数的方法call()和apply() arguments Date对象 Math 字符 ...

  6. js字符串slice_JavaScript子字符串示例-JS中的Slice,Substr和Substring方法

    js字符串slice In daily programming, we often need to work with strings. Fortunately, there are many bui ...

  7. 用CSS画小猪佩奇,你就是下一个社会人! js将“I am a coder”反转成 “coder a am I”,不许用split,join,subString,reverse;求解方法三...

    用CSS画小猪佩奇,你就是下一个社会人! 欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 作者:江志耿 | 腾讯TEG网络工程师 我是佩奇,哼,这是我的弟弟乔治,呱呱,这是我的妈妈,嚯,这 ...

  8. js中slice()与splice()的使用与比较,直接看例子记得牢

    通过例子进行简单比较 slice() var arr = ['马里奥','路易吉','塞尔达','林克','加农'] var result = arr.slice(0,2) //0为截取开始的索引(包 ...

  9. js中对字符串操作的方法substring(),substring(),slice()

    相同点:都是对字符串进行截取,返回一个新的字符串,不会改变原字符串: 不同点: substring(start, stop) ; 返回下标start 到 stop -1 之间的字符串: substri ...

  10. jquery 中substring,substr,split的用法

    原文:http://blog.csdn.net/lijunling2008live/article/details/7402389 substring 方法 返回位于 String 对象中指定位置的子 ...

最新文章

  1. tp5.0 queue 队列操作
  2. springboot 添加 jsp支持
  3. MyEclipse下安装MyBatis Generator代码反向生成工具
  4. [Leetcode][第415题][JAVA][字符串相加][双指针]
  5. 转】MyEclipse使用总结——在MyEclipse中设置jsp页面为默认utf-8编码
  6. WCF读取配置动态生成客户端对象
  7. c语言goord函数,park、unpark、ord 函数使用方法(转)
  8. 【python】if判断、for循环、while循环练习题
  9. 关于go语言的测试相关内容笔记
  10. 中级软件设计师JAVA
  11. localbridge.exe 参数错误
  12. shiro集成jwt
  13. 给你一个Pull Request的机会
  14. 一文搞定B站弹幕生成云图
  15. 人民网总裁叶蓁蓁:要用四种眼光看待区块链热
  16. 2020计算机会计初级,2020年初级会计官网登录入口
  17. STM32F4单片机bootloader及在线升级IAP基本原理
  18. Java爬取B站弹幕 —— Python云图Wordcloud生成弹幕词云
  19. UI设计电脑配置要求,UI设计笔记本可以吗?
  20. Licode架构分析

热门文章

  1. h5广告与html5,那些刷爆朋友圈儿的H5广告大揭秘
  2. 理解插值法(拉格朗日、牛顿插值法)
  3. 【Rust 日报】2022-04-10 适用于Rust的异步CQL驱动
  4. MySQL数据库 锁
  5. 解决中文乱码的一些心得
  6. 丰田召回事件的深层次原因
  7. outlook删除服务器文件恢复,通过OutLook 2013 找回误删除的邮件
  8. MVC过滤器使用实例
  9. 哪里的云服务器稳定性好,云服务器稳定性不好
  10. SQL基本语句应用大全