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判断用户是否对表单进行了修改的方法
Mar 18 Javascript
自己编写的支持Ajax验证的JS表单验证插件
May 15 Javascript
Bootstrap每天必学之表单
Nov 23 Javascript
jQuery progressbar通过Ajax请求实现后台进度实时功能
Oct 11 Javascript
EasyUI中的dataGrid的行内编辑
Jun 22 Javascript
JavaScript 中定义函数用 var foo = function () {} 和 function foo()区别介绍
Mar 01 Javascript
Vue 动态设置路由参数的案例分析
Apr 24 Javascript
JS模拟实现哈希表及应用详解
May 04 Javascript
基于axios 解决跨域cookie丢失的问题
Sep 26 Javascript
微信小程序 swiper 组件遇到的问题及解决方法
May 26 Javascript
javscript 数组扁平化的实现
Feb 03 Javascript
javascript利用canvas实现鼠标拖拽功能
Jul 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 动态多文件上传
2009/01/18 PHP
PHP 导出数据到淘宝助手CSV的方法分享
2010/02/27 PHP
一个PHP针对数字的加密解密类
2014/03/20 PHP
php+mysqli事务控制实现银行转账实例
2015/01/29 PHP
php解析字符串里所有URL地址的方法
2015/04/03 PHP
PHP结合Mysql数据库实现留言板功能
2016/03/04 PHP
js数字输入框(包括最大值最小值限制和四舍五入)
2009/11/24 Javascript
JS 页面计时器示例代码
2013/10/28 Javascript
类似天猫商品详情随浏览器移动的示例代码
2014/02/27 Javascript
Nodejs进程管理模块forever详解
2014/06/01 NodeJs
js面向对象之静态方法和静态属性实例分析
2015/01/10 Javascript
JavaScript的new date等日期函数在safari中遇到的坑
2016/10/24 Javascript
jQuery插件扩展实例【添加回调函数】
2016/11/26 Javascript
jQuery实现两列等高并自适应高度
2016/12/22 Javascript
jQuery插件HighCharts实现的2D条状图效果示例【附demo源码下载】
2017/03/15 Javascript
利用vue+elementUI实现部分引入组件的方法详解
2017/11/22 Javascript
vue+element实现打印页面功能
2019/05/20 Javascript
jquery中为什么能用$操作
2019/06/18 jQuery
JS面向对象编程基础篇(三) 继承操作实例详解
2020/03/03 Javascript
JS数据类型判断的几种常用方法
2020/07/07 Javascript
[49:59]KG vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python常用内置函数总结
2015/02/08 Python
Python实现的飞速中文网小说下载脚本
2015/04/23 Python
python数据结构学习之实现线性表的顺序
2018/09/28 Python
python求最大值,不使用内置函数的实现方法
2019/07/09 Python
Python3 sys.argv[ ]用法详解
2019/10/24 Python
Python如何实现定时器功能
2020/05/28 Python
New Balance加拿大官方网站:运动鞋和健身服装
2018/11/19 全球购物
德国亚马逊官方网站:Amazon.de
2020/11/15 全球购物
护士自荐信怎么写
2013/10/18 职场文书
公司成立感言
2014/01/11 职场文书
职工运动会感言
2014/02/07 职场文书
一份文言文检讨书
2014/09/13 职场文书
个人事迹材料怎么写
2014/12/30 职场文书
2015年毕业实习工作总结
2015/05/29 职场文书
python中的装饰器该如何使用
2021/06/18 Python