JavaScript中join()、splice()、slice()和split()函数用法示例


Posted in Javascript onAugust 24, 2018

本文实例讲述了JavaScript中join()、splice()、slice()和split()函数用法。分享给大家供大家参考,具体如下:

join()

join() 方法用于把数组中的所有元素放入一个字符串。

元素是通过指定的分隔符进行分隔的。

<script type="text/javascript">
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(
arr.join()
)
</script>

运行结果:

George,John,Thomas

<script type="text/javascript">
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(
arr.join(".")
)
</script>

运行结果:

George.John.Thomas

split()

split() 方法用于把一个字符串分割成字符串数组。

<script type="text/javascript">
var str="How are you doing today?"
document.write(str.split(" ") + "<br />")
document.write(str.split("") + "<br />")
document.write(str.split(" ",3))
</script>

运行结果:

How,are,you,doing,today?
H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?
How,are,you

"2:3:4:5".split(":") //将返回["2", "3", "4", "5"]
"|a|b|c".split("|") //将返回["", "a", "b", "c"]
"hello".split("") //可返回 ["h", "e", "l", "l", "o"]
"hello".split("", 3) //可返回 ["h", "e", "l"]

slice()

slice() 方法可从已有的数组中返回选定的元素。

<script type="text/javascript">
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr + "<br />")
document.write(
arr.slice(1)
 + "<br />")
document.write(arr)
</script>

运行结果:

George,John,Thomas
John,Thomas
George,John,Thomas

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

运行结果:

George,John,Thomas,James,Adrew,Martin
Thomas,James
George,John,Thomas,James,Adrew,Martin

splice()

splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。

注释:该方法会改变原始数组。

<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,0,"William")
document.write(arr + "<br />")
</script>

运行结果:

George,John,Thomas,James,Adrew,Martin
George,John,William,Thomas,James,Adrew,Martin

<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,1,"William")
document.write(arr)
</script>

运行结果:

George,John,Thomas,James,Adrew,Martin
George,John,William,James,Adrew,Martin

<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,3,"William")
document.write(arr)
</script>

运行结果:

George,John,Thomas,James,Adrew,Martin
George,John,William,Martin

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试运行一下文中所述代码。

更多关于JavaScript相关内容可查看本站专题:《JavaScript常用函数技巧汇总》、《JavaScript字符与字符串操作技巧总结》、《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数组操作技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
使用javascript获取页面名称
Dec 23 Javascript
JavaScript去除数组里重复值的方法
Jul 13 Javascript
jQuery实现自动与手动切换的滚动新闻特效代码分享
Aug 27 Javascript
基于JavaScript实现鼠标箭头移动图片跟着移动
Aug 30 Javascript
jQuery+CSS3实现四种应用广泛的导航条制作实例详解
Sep 17 Javascript
BootStrap组件之进度条的基本用法
Jan 19 Javascript
Vue组件之极简的地址选择器的实现
May 31 Javascript
可能被忽略的一些JavaScript数组方法细节
Feb 28 Javascript
pm2发布node配置文件ecosystem.json详解
May 15 Javascript
Node.js学习教程之Module模块
Sep 03 Javascript
微信小程序页面滚动到指定位置代码实例
Sep 07 Javascript
p5.js临摹旋转爱心
Oct 23 Javascript
vue 中引用gojs绘制E-R图的方法示例
Aug 24 #Javascript
解决webpack dev-server不能匹配post请求的问题
Aug 24 #Javascript
vue2中,根据list的id进入对应的详情页并修改title方法
Aug 24 #Javascript
Nuxt.js实现校验访问浏览器类型的中间件
Aug 24 #Javascript
vue中使用gojs/jointjs的示例代码
Aug 24 #Javascript
vue操作下拉选择器获取选择的数据的id方法
Aug 24 #Javascript
浅谈Vue组件及组件的注册方法
Aug 24 #Javascript
You might like
基于PHP读取TXT文件向数据库导入海量数据的方法
2013/04/23 PHP
在yii中新增一个用户验证的方法详解
2013/06/20 PHP
PHP内核探索:变量存储与类型使用说明
2014/01/30 PHP
thinkphp实现多语言功能(语言包)
2014/03/04 PHP
PHP simplexml_load_file()函数讲解
2019/02/03 PHP
浅谈Laravel中的三种中间件的作用
2019/10/13 PHP
javascript高亮效果的二种实现方法
2008/09/14 Javascript
Javascript异步编程的4种方法让你写出更出色的程序
2013/01/17 Javascript
使用jquery的ajax需要注意的地方dataType的设置
2013/08/12 Javascript
a标签click和href执行顺序探讨
2014/06/23 Javascript
再谈JavaScript异步编程
2016/01/27 Javascript
详解堆的javascript实现方法
2016/11/29 Javascript
JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome
2017/01/05 Javascript
jQuery实现遍历复选框的方法示例
2017/03/06 Javascript
使用Nuxt.js改造已有项目的方法
2018/08/07 Javascript
Vue创建头部组件示例代码详解
2018/10/23 Javascript
JS高阶函数原理与用法实例分析
2019/01/15 Javascript
Vue中通过Vue.extend动态创建实例的方法
2019/08/13 Javascript
解决vue 子组件修改父组件传来的props值报错问题
2019/11/09 Javascript
[36:17]DOTA2上海特级锦标赛 - VGL音乐会全集
2016/03/06 DOTA
Python程序中的观察者模式结构编写示例
2016/05/27 Python
Python3删除排序数组中重复项的方法分析
2019/01/31 Python
用python做游戏的细节详解
2019/06/25 Python
使用python socket分发大文件的实现方法
2019/07/08 Python
python3 使用Opencv打开USB摄像头,配置1080P分辨率的操作
2019/12/11 Python
Python+Selenium随机生成手机验证码并检查页面上是否弹出重复手机号码提示框
2020/09/21 Python
Python爬虫入门教程02之笔趣阁小说爬取
2021/01/24 Python
StubHub希腊:购买体育赛事、音乐会和剧院门票
2019/08/03 全球购物
产品包装策划方案
2014/05/18 职场文书
大学生作弊检讨书
2014/09/11 职场文书
物价局领导班子四风问题整改措施
2014/10/26 职场文书
安全温馨提示语大全
2015/07/14 职场文书
基层医务人员三严三实心得体会
2016/01/05 职场文书
《分一些蚊子进来》读后感3篇
2020/01/09 职场文书
超详细教你怎么升级Mysql的版本
2021/05/19 MySQL
浅谈Python实现opencv之图片色素的数值运算和逻辑运算
2021/06/23 Python