前端知识笔记(九)———slice、splice、split 的使用

简介: 前端知识笔记(九)———slice、splice、split 的使用

一,slice

slice 能够截取 字符串 或 数组,并返回一个新的 字符串 或 数组(不改变原字符串数组)

(1)slice可以截取字符串

str.slice(start,end)-----左闭右开

从 start下标 开始,保留到 end下标 的前一个结束,如果没有 end,就保留到最后一个字符结。

(2)slice还可以截取数组

arr.slice(start,end)-----左闭右开

从 start下标 开始,保留到 end下标 的前一个结束,如果没有 end,就保留到最后一个字符结束

二,splice

splice 是一个专门用于 数组操作 的方法,堪称最强大的数组操作方法。它可以对数组中的元素进行删除、插入和替换。替换原数组,返回删除的元素数组。splice 操作的是原数组!

一共三个参数   分别是 (下标 ,删除几个(不删0),增加的数据 )

三,split

split指定的分隔符将一个字符串分割成 多个子字符串,并将结果放在一个数组中
str.split('分隔字符串')

let str = 'this is a test'
str.split('s')
上面代码的运行结果为,字符串以 's' 进行分割,被分割的字符串返回成一个数组: ["thi", " i", " a te", "t"]。


相关文章
|
4天前
|
Web App开发 缓存 前端开发
前端性能优化的整理笔记(一)
前端性能优化的整理笔记(一)
109 0
|
2天前
|
移动开发 前端开发 JavaScript
10款精美的web前端源码的特效,2024年最新面试题+笔记+项目实战
10款精美的web前端源码的特效,2024年最新面试题+笔记+项目实战
|
4天前
|
存储 前端开发 JavaScript
前端笔记_OAuth规则机制下实现个人站点接入qq三方登录
前端笔记_OAuth规则机制下实现个人站点接入qq三方登录
39 1
|
4天前
|
XML 编解码 前端开发
css设计文本样式 前端开发入门笔记(十二)
css设计文本样式 前端开发入门笔记(十二)
7 0
|
4天前
|
Web App开发 XML 前端开发
CSS中的非布局样式+CSS布局 前端开发入门笔记(十一)
CSS中的非布局样式+CSS布局 前端开发入门笔记(十一)
33 0
|
4天前
|
移动开发 前端开发 JavaScript
CSS选择器 前端开发入门笔记(十)
CSS选择器 前端开发入门笔记(十)
22 1
|
4天前
|
编解码 前端开发 iOS开发
前端开发入门笔记(八)CSS3属性详解:动画详解+Flex布局图文详解+Web字体
前端开发入门笔记(八)CSS3属性详解:动画详解+Flex布局图文详解+Web字体
64 1
|
4天前
|
前端开发 容器
CSS3属性详解(一)文本 盒模型中的 box-ssize 属性 处理兼容性问题:私有前缀 边框 背景属性 渐变 前端开发入门笔记(七)
CSS3属性详解(一)文本 盒模型中的 box-ssize 属性 处理兼容性问题:私有前缀 边框 背景属性 渐变 前端开发入门笔记(七)
31 2
|
4天前
|
前端开发 JavaScript 容器
CSS属性:定位属性+案例讲解:博雅互动 前端开发入门笔记(五)
CSS属性:定位属性+案例讲解:博雅互动 前端开发入门笔记(五)
21 1
|
4天前
|
前端开发 JavaScript UED
CSS3选择器详解 前端开发入门笔记(六)
CSS3选择器详解 前端开发入门笔记(六)
37 1