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 相关文章推荐
网站上面有这种切换效果
Jun 26 Javascript
Prototype源码浅析 String部分(四)之补充
Jan 16 Javascript
用JavaScript实现动画效果的方法
Jul 20 Javascript
浅谈checkbox的一些操作(实战经验)
Nov 20 Javascript
jquery表单验证插件(jquery.validate.js)的3种使用方式
Mar 28 Javascript
原生js仿jquery animate动画效果
Jul 13 Javascript
jQuery实现文件编码成base64并通过AJAX上传的方法
Apr 12 jQuery
详解React Native 屏幕适配(炒鸡简单的方法)
Jun 11 Javascript
vue.js轮播图组件使用方法详解
Jul 03 Javascript
jQuery 动态粒子效果示例代码
Jul 07 jQuery
简单了解JavaScript作用域
Jul 31 Javascript
Vue 实例中使用$refs的注意事项
Jan 29 Vue.js
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中通过ADO调用Access数据库的方法测试不通过
2006/12/31 PHP
ajax在joomla中的原生态应用代码
2012/07/19 PHP
如何判断php数组的维度
2013/06/10 PHP
php格式化日期实例分析
2014/11/12 PHP
js加解密 脚本解密
2008/02/22 Javascript
js中split函数的使用方法说明
2013/12/26 Javascript
点击弹出层效果&amp;弹出窗口后网页背景变暗效果的实现代码
2014/02/10 Javascript
JavaScript实现存储HTML字符串示例
2014/04/21 Javascript
Bootstrap3使用typeahead插件实现自动补全功能
2016/07/07 Javascript
JavaScript易错知识点整理
2016/12/05 Javascript
Vue.js实战之通过监听滚动事件实现动态锚点
2017/04/04 Javascript
详解angularJs中关于ng-class的三种使用方式说明
2017/06/02 Javascript
详解Require.js与Sea.js的区别
2018/08/05 Javascript
Vue.js实现可排序的表格组件功能示例
2019/02/19 Javascript
详解React项目如何修改打包地址(编译输出文件地址)
2019/03/21 Javascript
js实现盒子拖拽动画效果
2020/08/09 Javascript
vue实现移动端H5数字键盘组件使用详解
2020/08/25 Javascript
[50:02]完美世界DOTA2联赛PWL S2 Magma vs FTD 第三场 11.29
2020/12/03 DOTA
Python入门篇之正则表达式
2014/10/20 Python
用Python的Flask框架结合MySQL写一个内存监控程序
2015/11/07 Python
详解Python自建logging模块
2018/01/29 Python
Python callable()函数用法实例分析
2018/03/17 Python
Python中的函数作用域
2018/05/07 Python
python多线程下信号处理程序示例
2019/05/31 Python
使用pytorch和torchtext进行文本分类的实例
2020/01/08 Python
PyCharm刷新项目(文件)目录的实现
2020/02/14 Python
解决阿里云邮件发送不能使用25端口问题
2020/08/07 Python
html5视频媒体标签video的使用方法及完整参数说明详解
2019/09/27 HTML / CSS
欧洲最大的预定车位市场:JustPark
2020/01/06 全球购物
请说出这段代码执行后a和b的值分别是多少
2015/03/28 面试题
自荐信怎么写好
2013/11/11 职场文书
偷看我的初中毕业鉴定
2014/01/29 职场文书
企业消防安全责任书
2014/07/23 职场文书
大学教师师德师风演讲稿
2014/08/22 职场文书
2016年教师学习教师法心得体会
2016/01/20 职场文书
MongoDB 常用的crud操作语句
2021/06/20 MongoDB