当前位置: 首页 > news >正文

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中。

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

http://www.lryc.cn/news/68504.html

相关文章:

  • Linux更新操作系统Openssh版本9.3p1(源码编译安装)
  • MS COCO数据集介绍
  • Java之线程池
  • 让你的网站变得更智能 - B2 Pro主题问答模块新增OpenAI ChatGPT机器人自动回答功能
  • 仓库信息管理系统设计与实现
  • 初识Java多线程编程
  • 最新入河排污口设置论证、水质影响预测与模拟、污水处理工艺分析及典型建设项目入河排污口方案报告书实例分析
  • awk指令的详细指南
  • 解密Netty中的Reactor模式
  • 这是一个黑科技:C++爬虫~(文末报名C/C++领域新星计划)
  • 2023 年第八届数维杯数学建模挑战赛 赛题浅析
  • Spring Boot单元测试
  • 实景三维浪潮翻涌,新技术“席卷”石家庄!
  • 【Python】使用小脚本
  • 技术日志2023-5-18
  • JUC之锁
  • C++中的 cout 和 printf 用法
  • Maven基础使用
  • 【C++ 入坑指南】(06)运算符
  • 了解一下js中的函数式编程
  • 动态HTTP代理在linux里的使用
  • 软考证书值得考吗?怎么考?
  • 超级秘密文件夹忘记密码的解决办法
  • 脑的物理系统
  • 1054. 距离相等的条形码(leetcode,堆问题,priority_queue)-------------------c++实现
  • QT开发实战-动态壁纸软件
  • Netty核心组件模块(一)
  • Robot Framework+Jenkins持续集成UI自动化项目
  • 【ROS】ROS1编程速览
  • 探索智能化:TOOM解析未来稿件校验系统的技术进展与应用展望