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 相关文章推荐
对象特征检测法判断浏览器对javascript对象的支持
Jul 25 Javascript
LazyLoad 延迟加载(按需加载)
May 31 Javascript
javascript插入样式实现代码
Feb 22 Javascript
使用CSS和jQuery模拟select并附提交后取得数据的代码
Oct 18 Javascript
javascript在IE下trim函数无法使用的解决方法
Sep 12 Javascript
jQuery中:text选择器用法实例
Jan 03 Javascript
谈谈jQuery Ajax用法详解
Nov 27 Javascript
JavaScript数组合并的多种方法
May 22 Javascript
javascript中replace使用方法总结
Mar 01 Javascript
Three.js基础学习之场景对象
Sep 27 Javascript
Node.js中你不可不精的Stream(流)
Jun 08 Javascript
简单了解vue中父子组件如何相互传递值(基础向)
Jul 12 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 文章中的远程图片采集到本地的代码
2009/07/30 PHP
显示程序执行时间php函数代码
2013/08/29 PHP
thinkPHP框架对接支付宝即时到账接口回调操作示例
2016/11/14 PHP
document.all与WEB标准
2020/05/13 Javascript
jquery提升性能最佳实践小结
2010/12/06 Javascript
解析使用js判断只能输入数字、字母等验证的方法(总结)
2013/05/14 Javascript
js判断运行jsp页面的浏览器类型以及版本示例
2013/10/30 Javascript
基于JQuery实现分隔条的功能
2016/06/17 Javascript
最全的Javascript编码规范(推荐)
2016/06/22 Javascript
jQuery+ajax实现实用的点赞插件代码
2016/07/06 Javascript
element-ui表格列金额显示两位小数的方法
2018/08/24 Javascript
jQuery 点击获取验证码按钮及倒计时功能
2018/09/20 jQuery
JS实现的Object数组去重功能示例【数组成员为Object对象】
2019/02/01 Javascript
vue中v-show和v-if的异同及v-show用法
2019/06/06 Javascript
js实现3D粒子酷炫动态旋转特效
2020/09/13 Javascript
python进阶教程之词典、字典、dict
2014/08/29 Python
python3生成随机数实例
2014/10/20 Python
Python通过PIL获取图片主要颜色并和颜色库进行对比的方法
2015/03/19 Python
python使用tcp实现局域网内文件传输
2020/03/20 Python
python实现字典嵌套列表取值
2019/12/16 Python
如何用Matplotlib 画三维图的示例代码
2020/07/28 Python
通过代码实例了解Python sys模块
2020/09/14 Python
纯CSS3实现地球自转实现代码(图文教程附送源码)
2012/12/26 HTML / CSS
船餐厅和泰晤士河餐饮游轮:Bateaux London
2018/03/19 全球购物
和平主题的演讲稿
2014/01/12 职场文书
办公室秘书岗位职责范本
2014/02/11 职场文书
电力安全事故反思
2014/04/27 职场文书
教师爱岗敬业演讲稿
2014/05/05 职场文书
在宿舍喝酒的检讨书
2014/09/28 职场文书
2015年基层党建工作汇报材料
2015/06/25 职场文书
求职信:求职应该注意的问题
2019/04/24 职场文书
员工保密协议范本,您一定得收藏!很有用!
2019/08/08 职场文书
使用Oracle跟踪文件的问题详解
2021/06/28 Oracle
JavaScript实现酷炫的鼠标拖尾特效
2022/02/18 Javascript
Python实现抖音热搜定时爬取功能
2022/03/16 Python
Golang原生rpc(rpc服务端源码解读)
2022/04/07 Golang