js的slice,splice,split的使用
文章目录
- 一、slice的使用(截取)
- 简介: slice 能够截取 字符串 或 数组,并返回一个新的 字符串 或 数组(==不改变原字符串或数组==)
- 功能一:截取字符串 str.slice(start,end)
- 功能二:截取数组 arr.slice(start,end)
- 二、 splice(数组拼接)
- 简介:splice 是一个专门用于 数组操作 的方法,堪称最强大的数组操作方法。它可以对数组中的元素进行删除、插入和替换。替换原数组,返回删除的元素数组。(==改变原数组==)
- 功能一:删除数组元素:
- 功能二:删除并插入元素:
- 功能三:单纯插入数组:
- 三、split(分离)
- 简介: 以基于指定的分隔符将一个字符串分割成 多个子字符串,并将结果放在一个数组中(==不改变原字符串==)
- 功能一:将字符串以逗号隔开转成数组
- 例:将数组分成二维数组(4个为一组)
一、slice的使用(截取)
简介: slice 能够截取 字符串 或 数组,并返回一个新的 字符串 或 数组(不改变原字符串或数组)
注意:从 start下标 开始,保留到 end下标 的前一个结束,如果没有 end,就保留到最后一个字符结束。
功能一:截取字符串 str.slice(start,end)
let str = 'abcdefghijk'
// 截取下标 [2,5) 区间的字符串,左闭右开
let str2 = str.slice(2,5)
console.log(str2) // cde
功能二:截取数组 arr.slice(start,end)
let arr = [1,2,3,4,5]
// 截取下标 [2,5) 区间的数组,左闭右开
let arr2 = arr.slice(2,5)
console.log(arr2) //[3, 4, 5]
二、 splice(数组拼接)
简介:splice 是一个专门用于 数组操作 的方法,堪称最强大的数组操作方法。它可以对数组中的元素进行删除、插入和替换。替换原数组,返回删除的元素数组。(改变原数组)
功能一:删除数组元素:
let arr = [1,2,3,4,5,6,7,8,9]
// 从 下标为 3 的项开始,依次向后删除 2 个元素,返回被删除的元素数组:[4, 5],原数组改变为:[1, 2, 3, 6, 7, 8, 9]
let newArr=arr.splice(3,2)
console.log(arr) //[1, 2, 3, 6, 7, 8, 9]
console.log(newArr) //[4, 5]
功能二:删除并插入元素:
let arr = [1,2,3,4,5,6,7,8,9]
// 从 下标为 3 的项开始,依次向后删除 2 个元素,并将 'a', 'b', 'c' 添加到被删除的元素的位置。返回被删除的元素数组:[4, 5],原数组改变为:[1, 2, 3, 'a', 'b', 'c', 6, 7, 8, 9]
arr.splice(3,2,'a','b','c')
console.log(arr) //[1, 2, 3, 'a', 'b', 'c', 6, 7, 8, 9]
功能三:单纯插入数组:
let arr = [1,2,3,4,5,6,7,8,9]
// 从 下标为 3 的项开始,依次向后添加 'a', 'b', 'c' 等元素。返回被删除的元素数组:[],原数组改变为:[1, 2, 3, 'a', 'b', 'c', 4, 5, 6, 7, 8, 9]
arr.splice(3,0,'a','b','c')
console.log(arr) //[1, 2, 3, 'a', 'b', 'c', 4, 5, 6, 7, 8, 9]
三、split(分离)
简介: 以基于指定的分隔符将一个字符串分割成 多个子字符串,并将结果放在一个数组中(不改变原字符串)
split的使用要判断类型是否为字符串,不是字符串报错(arr || "").split(",")
功能一:将字符串以逗号隔开转成数组
let str = '1,2,3,4,5,6,7'
let arr=str.split(',')
console.log(arr) // ['1', '2', '3', '4', '5', '6', '7']
例:将数组分成二维数组(4个为一组)
//分成三个数组,每个数组4个值
var data = ['a1','a2','a3','a4','b1','b2','b3','b4','c1','c2','c3','c4','d1','d2','d3','d4'];
var result = [];
for(var i=0,len=data.length;i<len;i+=4){result.push(data.slice(i,i+4));
}
console.log(result)
// [Array(4), Array(4), Array(4), Array(4)]
// [["a1","a2","a3","a4"],["b1","b2","b3","b4"],["c1","c2","c3","c4"],["d1","d2","d3","d4"]]
js的slice,splice,split的使用相关推荐
- JS中slice,splice,split的区别
1.slice : 定义:接收一个或两个参数,它能够建立一个由当前数组中的一项或多项组成的新数组,注意是新数组哦~ 也就是说它不会修改原来数组的值. 用法:slice( para1 ),会截取从par ...
- js中 slice , splice , split 的用法记录
1.slice不改变原数组 a.slice(1,5)删除数组从序号为1开始到序号为5(不包含序号为5)之间的元素 2.splice改变原数组 a.splice(1,3) 删除数组从序号为1的元素开始, ...
- slice,splice,split区别和作用
slice,splice,split区别和作用 slice(start,[end])方法:该方法是对数组进行部分截取,该方法返回一个新数组,参数start是截取的开始数组索引,end参数等于你要取的最 ...
- slice(),splice(),split(),substring(),substr()使用方法和区别
<一> 1.slice(): Array和String对象都有 在Array中 slice(i,[j]) i为开始截取的索引值,负数代表从末尾算起的索引值,-1为倒数第一个元素 j为结束 ...
- slice splice split
slice 从 start下标 开始,保留到 end下标 的前一个结束,如果没有 end,就保留到最后一个字符结束. 一:截取字符串 str.slice(start,end) let str = 'h ...
- splice()、slice()、split()函数的区分
区分slice,splice和split方法 每每见到这三个函数,我都会很懵,一定要到网上搜搜:今天,恰巧又见到了它们,所以想必是时候为它们做个笔记啦 1.slice(数组) 用法:array.sli ...
- js 的 slice 和 splice
js 的 slice 和 splice 都是数组的方法 slice 不改变原数组 splice 改变原数组 let arr = [1, 2, 3, 4, 5] // slice(start?: num ...
- slice与split的区别
slice与split的区别 slice 定义:接收一个或两个参数,它可以创建一个由当前数组中的一项或多项组成的新数组,注意是新数组哦~ 也就是说它不会修改原来数组的值. 用法:slice( par ...
- JS Array.slice 截取数组的实现方法
这篇文章主要介绍了JS Array.slice 截取数组的实现方法,因为我们需要控制一下长度,需要的朋友可以参考下 slice定义和用法 slice() 方法可从已有的数组中返回选定的元素. 语法 a ...
- JS中[].slice.call的理解
原文:https://www.cnblogs.com/wuvkcyan/p/9446800.html 首先要说明[].slice.call()与Array.prototype.slice.call() ...
最新文章
- 向碳基芯片更进一步:台积电、斯坦福等联手开发碳纳米管晶体管新工艺,性能逼近硅元件...
- win10系统Mysql5.7服务启动报:1053错误:服务没有及时响应启动或控制请求
- angular @ViewChild使用
- SpringBoot入门教程(十)应用监控Actuator
- 解决linux下无线网卡被物理禁用问题
- 使用python 下载_使用python下载大量文件
- netbeans 源文件_具有NetBeans,嵌入式GlassFish,JPA和MySQL数据源的Arquillian
- CSS border-radius边框圆角
- 如何隐藏 video 元素的下载按钮
- Lisenter笔记
- 安卓逆向_22( 一 ) --- Xposed【 Android Studio + Xposed 实现简单的 hook 】
- activemq发布订阅
- 怎么查看进程窗口_结束员工电脑进程/活动窗口的软件
- Android近场通信---高级NFC(二)
- [转载] java接口中方法的默认访问修饰符为public
- (二)VISIO 中间带箭头的弧线怎么画
- linux 命令 tr 详解
- 打包ios软件并发布到应用商店
- 【设计模式】装饰者与继承装饰者与代理间的小九九
- 什么叫单模光纤_什么是OS1,OS2的单模光纤
热门文章
- C++Eigen库矩阵常见操作
- tensorflow入门教程(三十五)facenet源码分析之MTCNN--人脸检测及关键点检测
- PNETlab最新版介绍与下载
- Volume Compute In SIMT Hardware Architecture
- 3.空间域图像处理入门
- 【Rust 日报】2022-04-10 适用于Rust的异步CQL驱动
- 生成函数入门及应用 生成函数
- MOSFET原理学习
- 将私人对话发布到公共空间来寻求正义是否可取
- IDEA Debug出现:Skipped breakpoint at because it happened inside debugger evaluation