js---splice,slice,join,split简单介绍

最新推荐文章于 2022-12-07 10:31:10 发布
最新推荐文章于 2022-12-07 10:31:10 发布
阅读量294 收藏 2
点赞数
分类专栏： javaScript 文章标签： js splice slice split join
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41530816/article/details/96140178
版权

splice,join是对数组进行操作，join是把数组形式转换成字符串形式
split是对字符串进行操作，把字符串形式转换成数组形式
slice既可以对数组进行操作，也可以对字符串进行操作

splice(beginIndex,deleteNum,insertItem)

会改变原数组，返回的是删除的数组项组成的新数组
beginIndex:开始位置(包括这个位置)，必须的选项
deleteNum:删除的个数，非必须，不写时表示从开始位置到末尾删除
insertItem:插入的项(可以单个写，用’,'隔开，也可以写成一个数组形式)，非必须，不写时表示不插入

  1. 参数只有 beginIndex
<html>
<body>
<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
arr.splice(2)
document.write(arr)

</script>
</body>
</html>

运行结果
George,John,Thomas,James,Adrew,Martin
George,John

  1. 参数有beginIndex 和 deleteNum（返回的值是 删除的数组项组成的数组）
<html>
<body>

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
//newarr 存放的是返回的值
var newarr = arr.splice(2,2)
document.write(arr + '<br />')
document.write(newarr)
</script>

</body>
</html>

运行结果
George,John,Thomas,James,Adrew,Martin
George,John,Adrew,Martin
Thomas,James

  1. 参数有beginIndex , deleteNum 和 insertItem
<html>
<body>

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
//newarr 存放的是返回的值
var newarr = arr.splice(2,2,'weishurong','weishurong000')
document.write(arr + '<br />')
document.write(newarr)
</script>

</body>
</html>

运行结果
George,John,Thomas,James,Adrew,Martin
George,John,weishurong,weishurong000,Adrew,Martin
Thomas,James

slice(beginIndex,endIndex)

不改变原数组/字符串，返回的是从开始位置到结束位置(不包括结束位置)的数组项/子字符串
beginIndex 开始位置，必须的选项，可以为负数，表示倒数的第几个，如-1表示最后一个数
endIndex 结束位置，不写时表示从开始位置到最后，可以为负数

  1. 参数只有beginIndex
<html>
<body>

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
document.write(arr.slice(2) +'<br />')
document.write(arr)

</script>

</body>
</html>

运行结果
George,John,Thomas,James,Adrew,Martin
Thomas,James,Adrew,Martin
George,John,Thomas,James,Adrew,Martin

  1. 参数有 beginIndex 和 endIndex(beginIndex表示的位置必须在 endIndex的前面)

1）两个参数都为整数

<html>
<body>

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
document.write(arr.slice(2,4) +'<br />')
document.write(arr)

</script>

</body>
</html>

运行结果
George,John,Thomas,James,Adrew,Martin
Thomas,James
George,John,Thomas,James,Adrew,Martin

2）两个参数都为负数

<html>
<body>

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
document.write(arr.slice(-4,-2) +'<br />')
document.write(arr)

</script>

</body>
</html>

运行结果
George,John,Thomas,James,Adrew,Martin
Thomas,James
George,John,Thomas,James,Adrew,Martin

3)一个参数为正，一个参数为负时

<html>
<body>

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
document.write(arr.slice(-4,3) +'<br />')
document.write(arr)

</script>

</body>
</html>

运行结果
George,John,Thomas,James,Adrew,Martin
Thomas
George,John,Thomas,James,Adrew,Martin

join(separator)

不会改变原数组
把数组以指定方式分割返回字符串形式
separator 指定的分隔符，不写时默认为 ‘,’

<html>
<body>

<script type="text/javascript">

var arr = new Array(3);
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr.join());

document.write("<br />");

document.write(arr.join("."));

document.write("<br />");

document.write(arr)

document.write("<br />");

document.write(typeof arr.join("."));

</script>

</body>
</html>

运行结果
George,John,Thomas
George.John.Thomas
George,John,Thomas
string

split(separator,howmany)

用于把字符串分割成字符串数组
不改变原字符串,返回的是字符串数组
separator 必须的选项，字符串或者正则表达式，以该字符串或正则表达式 来分割字符串
howmany 可以不写，指定返回数组长度
如果把空字符串 ("") 用作 separator，那么 string 中的每个字符之间都会被分割。

<html>
<body>

<script type="text/javascript">

var str="How are you doing today?"

document.write(str.split(" ") + "<br />")
document.write(str.split('o') + '<br />')
document.write(str.split("") + "<br />")
document.write(str.split(" ",3) + '<br />')
document.write(str + '<br />')
document.write(Array.isArray(str.split('')))

</script>

</body>
</html>

运行结果
How,are,you,doing,today?
H,w are y,u d,ing t,day?
H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?
How,are,you
How are you doing today?
true

菜同学
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js数组处理方法总结slice、join、filter、map、indexOf、reduce、reduceRight等
weixin_46452138的博客
06-20 615
归纳总结数组的处理方法如下 1.splice() 功能： 1.删除：从数组中删除元素，两个参数，第一个参数（要删除元素的起始位置），第二个参数（要删除的项数） 2.添加：插入元素到数组中，三个参数，第一个参数（起始位置），第二个参数（0），第三个参数（插入的项数） 3.替换：删除、插入元素同时完成 输出：返回一个由删除元素组成的数组。 注意：新建了一个数组，并修改了原数组 ......
看完这个，终于分清楚splice、slice和split了
m0_60153106的博客
10-31 537
核心 slice：截取功能 截取数组为主，也可以截取字符串 返回新的数组，包含截取的元素 不改变原数组 splice()：数组增删查改 只能对数组增删查改，字符串无效 返回新的数组，内容是被删除的元素 会改变原数组 split：字符串 => 数组 字符串的方法，不是数组的方法。 返回一个字符串数组。 join：数组 => 字符串 slice() 核心 从数组中截取任意个元素，返回结果为新的数组 不改变原数组。 语法： 新数组 = 原数组.
splice、slice、join、substring、substr、split
weixin_44414783的博客
01-08 146
数组： splice：添加，插入，删除，替换，传递 * splice(开始的位置，删除元素总数，要添加的元素) * 返回被删除的元素形成的数组 * * 添加，插入，删除，替换，传递 // // var arr2=arr.splice(0,2);//从第0的个位置删除头部2个元素 // var arr2=arr.splice(-2,2);...
JS中的slice,splice,concat,split,join方法
weixin_44039750的博客
05-05 1741
JavaScript 学习笔记 1.slice slice方法可以从已有数组中返回指定元素。它接受两个参数，第一个规定从何处开始选取，第二个规定从何处结束选取（不包括该元素）。如果没有传参，则默认为从数组的开头开始到结尾结束，这是复制整个数组的简单方式。slice返回一个新数组，不会修改原始数组.例如： var arr = ["Cat", "Dog", "Tiger", "Zebra"]; var...
JS中 splice() ，join() , split()方法解析
wangkaihua5的博客
04-27 1542
splice()1.定义和用法： splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。 2. 注意：该方法会改变原始数组，如果删除一个元素，后面的元素会前移。 3.例：<script type="text/javascript"> var array = [1,2,,,4,6,,,,,,55]; alert(array) for(var i = 0 ;i<array.
JavaScript中join()、splice()、slice()和split()函数用法示例
12-08
本文实例讲述了JavaScript中join()、splice()、slice()和split()函数用法。分享给大家供大家参考，具体如下： join() join() 方法用于把数组中的所有元素放入一个字符串。 元素是通过指定的分隔符进行分隔的。 ...
Ecma-262.rar_ECMA-262_ECMAScript_javascript
09-21
4. **数组**：数组字面量、数组方法（push, pop, shift, unshift, splice, slice, concat, join, map, filter, reduce等）。 5. **字符串**：模板字面量、字符串方法（length, charAt, slice, substring, includes,...
js-lista-cognomi
04-02
2. **数组操作**：JavaScript中的数组提供了丰富的操作方法，如`push`, `pop`, `shift`, `unshift`, `slice`, `splice`, `filter`, `map`, `forEach`等。在"js-lista-cognomi"中，可能需要遍历或筛选姓氏数组。 3. ...
JavaScript-Challenges:很少有JavaScript挑战
05-25
4. **数组方法**：掌握map、filter、reduce、forEach、find、findIndex、slice、splice等常用数组方法，以及如何高效地使用它们进行数据处理。 5. **字符串方法**：了解字符串的各种操作方法，如split、join、trim...
分清slice、splice、split、join看这篇就懂了
weixin_43593926的博客
12-07 404
js es6
js中函数split、join、slice以及splice的细解
zhs961120的博客
12-18 379
1 split（） 将字符串转换为数组
javaScript slice函数和join函数的用法
lb517290079的专栏
05-15 467
用slice方法返回数组一部分的Javascript示例var a;a = new Array("a","b","c","d","e");document.write(a.slice(0,3) + "");document.write(a.slice(-3,4) + "");document.write(a.slice(0,-1) + "");document.write(a.slice(1) +
详解JS中的join，splice，slice，split的区别
messenger的博客
09-30 1030
写在前面：有很多事情，很久没有学习关于web的知识了，由于某些原因，最近又拿起来了，博客上面也会记录相应的学习遇到的问题。 今天讲关于JS中几个比较容易混淆的基本方法： 1.join: join（）方法用于把数组中的所有元素通过指定的分隔符分隔之后，再放入一个字符串。 栗子： <script type="text/javascript"> var arr = new...
数组方法 join,slice
qq_48772601的博客
01-27 403
(Array(length).join("0") + num).slice(-length); (Array(length).join("0") + num).slice(-length); 比如length=4,num=1 join('0')完就=00001 slice(-4)完就=0001
易混淆的split，join，slice，splice
weixin_41445581的博客
06-13 696
split:中文解释是分裂，顾名思义就是将一个字符串拆分，那以什么基准进行拆分呢？这个根据split()括号中的值，如果括号内为空,或者传一个逗号 例子： let arr='a,d,e' let brr=arr.split('') let crr=arr.split(",") //打印brr，打印arr,打印crr console.log(brr) ["a",",","d",",","e"...
关于数组的splice,split,join的用法。
blueXh的博客
07-13 503
问题：在字符串12中插入“ | ”，输出1|2. 解决代码： str=12; arr = str.splice(' ');//将字符串以 空 分割为数组 arr.split(1,0,'|');// 在数组第一个字符后面插入 ‘|’ arrstr = arr.join(''); //将数组arr 拼接成字符串输出  此时 arrstr ：  1|2 splice,spl
js中splice()、slice()、substring() 、substr()、join()用法
VirgoYellow 的专栏
10-12 335
记录一下。。。 1、splice()方法：用于插入、删除或替换数组的元素。     注意：这种方法会改变原始数组     语法:     array.splice(index,howmany,item1,.....,itemX)     参数：     index   必需。规定从何处添加/删除元素。             该参数是开始插入和（或）删除的数组元素的下标，必须是数字。   ...
JS中join()、splice()、slice()和split()函数用法示例
sherly_chen的博客
10-11 1427
join()方法将一个数组（或一个类数组对象）的所有元素连接成一个字符串并返回这个字符串。如果数组只有一个项目，那么将返回该项目而不使用分隔符。 代码示例： arr.join() // 返回的是一个字符串,如果数组为空 则返回一个空字符串 var a = ['a', 'b', 'c']; var val1 = a.join(); // val1的值变为"a,b,c" var val2 = a.join(', '); // val2的值变为"a, b, c" var val3 = a..
JavaScript方法join()、splice()、slice()、split()
09-30 2494
join() join() 方法用于把数组中的所有元素放入一个字符串。 元素是通过指定的分隔符进行分隔的。 var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" document.write(arr.join()) George,John,Thomas
分别阐述splice(),split(),slice(),join()
最新发布
02-20
splice(): splice() 方法可以删除数组中的指定项，并可以在数组中添加新项。split(): split() 方法可以根据指定分隔符将一个字符串分割为字符串数组。slice(): slice() 方法可以提取字符串中特定范围的子字符串，并返回一个新的字符串。join(): join() 方法将数组中的所有元素连接到一起，并返回一个字符串。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值