js中通过split函数分割字符串成数组小例子


Posted in Javascript onSeptember 21, 2013
<script language="javascript"> 

str="2,2,3,5,6,6"; //这是一字符串 

var strs= new Array(); //定义一数组 
strs=str.split(","); //字符分割 

for (i=0;i<strs.length ;i++ ) 

{ 

document.write(strs[i]+"<br/>"); //分割后的字符输出 

} 

</script>

JS中split的用法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>split</title>

<script type="text/javascript">

var array;

function getString(str){

 array = str.split("|");

 document.getElementById("userName").value = array[0];

 document.getElementById("userAge").value = array[1];

}

</script>

</head>
<body onload="getString('周晓白|22')">

<input type="text" id="userName" name="userName" /><br /><br />

<input type="text" id="userAge" name="userAge" />

</body>

</html>

JS删除数组元素

var arr=['a','b','c'];
若要删除其中的'b',有两种方法:

1.delete方法:delete arr[1]
这种方式数组长度不变,此时arr[1]变为undefined了,但是也有好处原来数组的索引也保持不变,此时要遍历数组元素可以才用
for(index in arr)
document.write('arr['+index+']='+arr[index]);
这种遍历方式跳过其中undefined的元素

* 该方式IE4.o以后都支持了

2.数组对象splice方法:arr.splice(1,1);
这种方式数组长度相应改变,但是原来的数组索引也相应改变
splice参数中第一个1,是删除的起始索引(从0算起),在此是数组第二个元素
第二个1,是删除元素的个数,在此只删除一个元素,即'b';
此时遍历数组元素可以用普通遍历数组的方式,比如for,因为删除的元素在
数组中并不保留

* 该方法IE5.5以后才支持

值得一提的是splice方法在删除数组元素的同时,还可以新增入数组元素
比如arr.splice(1,1,'d','e'),d,e两个元素就被加入数组arr了
结果数组变成arr:'a','d','e','c'

Javascript 相关文章推荐
JQuery的Validation插件中Remote验证的中文问题
Jul 26 Javascript
JavaScript 垃圾回收机制分析
Oct 10 Javascript
AngularJS语法详解(续)
Jan 23 Javascript
js实现头像图片切割缩放及无刷新上传图片的方法
Jul 17 Javascript
jQuery实现文本框邮箱输入自动补全效果
Nov 17 Javascript
jQuery动态生成表格及右键菜单功能示例
Jan 13 Javascript
JS jQuery使用正则表达式去空字符的简单实现代码
May 20 jQuery
bootstrap multiselect 多选功能实现方法
Jun 05 Javascript
jQueryeasyui 中如何使用datetimebox 取两个日期间相隔的天数
Jun 13 jQuery
vue如何使用async、await实现同步请求
Dec 09 Javascript
Vue如何实现验证码输入交互
Dec 07 Vue.js
Javascript中的解构赋值语法详解
Apr 02 Javascript
js中的异常处理try...catch使用介绍
Sep 21 #Javascript
使用JS读秒使用示例
Sep 21 #Javascript
用RadioButten或CheckBox实现div的显示与隐藏
Sep 21 #Javascript
JS.GetAllChild(element,deep,condition)使用介绍
Sep 21 #Javascript
JS.findElementById()使用介绍
Sep 21 #Javascript
JS.getTextContent(element,preformatted)使用介绍
Sep 21 #Javascript
javascript实现原生ajax的几种方法介绍
Sep 21 #Javascript
You might like
两千行代码的PHP学习笔记汇总
2014/10/05 PHP
php微信公众平台开发(一) 配置接口
2016/12/06 PHP
Laravel 修改验证异常的响应格式实例代码详解
2020/05/25 PHP
Javascript操纵Cookie实现购物车程序
2006/11/23 Javascript
对JavaScript的eval()中使用函数的进一步讨论
2008/07/26 Javascript
YUI的Tab切换实现代码
2010/04/11 Javascript
JS如何将数字类型转化为没3个一个逗号的金钱格式
2014/01/27 Javascript
超级简单的jquery操作表格方法
2014/12/15 Javascript
js树插件zTree获取所有选中节点数据的方法
2015/01/28 Javascript
使用Node.js处理前端代码文件的编码问题
2016/02/16 Javascript
Bootstrap缩略图与警告框学习使用
2017/02/08 Javascript
实例详解display:none与visible:hidden的区别
2017/03/30 Javascript
ES6数组的扩展详解
2017/04/25 Javascript
详解JS获取HTML DOM元素的8种方法
2017/06/17 Javascript
关于vue.js发布后路径引用的问题解决
2017/08/15 Javascript
Three.js实现浏览器变动时进行自适应的方法
2017/09/26 Javascript
layui加载数据显示loading加载完成loading消失的实例代码
2019/09/23 Javascript
python实现Zabbix-API监控
2018/09/17 Python
深入理解Python中的 __new__ 和 __init__及区别介绍
2018/09/17 Python
Python弹出输入框并获取输入值的实例
2019/06/18 Python
Pytorch之保存读取模型实例
2019/12/30 Python
Python 多线程共享变量的实现示例
2020/04/17 Python
英国男女豪华配饰和礼品网站:Black.co.uk
2020/02/28 全球购物
个人简历自我鉴定
2013/10/11 职场文书
战友聚会邀请函
2014/01/18 职场文书
市场专员岗位职责
2014/02/14 职场文书
小学三年级学生评语
2014/04/22 职场文书
公司委托书格式范文
2014/10/09 职场文书
五年级上册复习计划
2015/01/19 职场文书
教代会开幕词
2015/01/28 职场文书
2019开业庆典剪彩仪式主持词!
2019/07/22 职场文书
详解Python魔法方法之描述符类
2021/05/26 Python
OpenCV-Python实现人脸磨皮算法
2021/06/07 Python
再次探讨go实现无限 buffer 的 channel方法
2021/06/13 Golang
Python3中最常用的5种线程锁实例总结
2021/07/07 Python
opencv深入浅出了解机器学习和深度学习
2022/03/17 Python