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中遭遇级联表达式陷阱
Mar 08 Javascript
js类中获取外部函数名的方法
Aug 19 Javascript
cookie在javascript中的使用技巧以及隐私在服务器端的设置
Dec 03 Javascript
7个有用的jQuery代码片段分享
May 19 Javascript
JavaScript实现自动弹出窗口并自动关闭窗口的方法
Aug 06 Javascript
浏览器环境下JavaScript脚本加载与执行探析之defer与async特性
Jan 14 Javascript
js简单正则验证汉字英文及下划线的方法
Nov 28 Javascript
JS实现电商放大镜效果
Aug 24 Javascript
jQuery Validate插件ajax方式验证输入值的实例
Dec 21 jQuery
Servlet3.0与纯javascript通过Ajax交互的实例详解
Mar 18 Javascript
jQuery实现文件编码成base64并通过AJAX上传的方法
Apr 12 jQuery
React中使用async validator进行表单验证的实例代码
Aug 17 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边学边教》(01.开篇――准备工作)
2006/12/13 PHP
destoon二次开发模板及调用语法汇总
2014/06/21 PHP
php的GD库imagettftext函数解决中文乱码问题
2015/01/24 PHP
PHP编译安装时常见错误解决办法
2015/05/28 PHP
Laravel框架Eloquent ORM修改数据操作示例
2019/12/03 PHP
JQuery each()函数如何优化循环DOM结构的性能
2012/12/10 Javascript
jQuery事件绑定和委托实例
2014/11/25 Javascript
JavaScript对象属性检查、增加、删除、访问操作实例
2015/07/08 Javascript
JS实现可展开折叠层的鼠标拖曳效果
2015/10/09 Javascript
浅谈js中调用函数时加不加括号的问题
2016/07/28 Javascript
jQuery实现立体式数字动态增加(animate方法)
2016/12/21 Javascript
VUE前端cookie简单操作
2017/10/17 Javascript
详解vue2.0+vue-video-player实现hls播放全过程
2018/03/02 Javascript
NVM安装nodejs的方法实用步骤
2019/01/16 NodeJs
openlayers实现地图弹窗
2020/09/25 Javascript
mapboxgl实现带箭头轨迹线的代码
2021/01/04 Javascript
el-table表头根据内容自适应完美解决表头错位和固定列错位
2021/01/07 Javascript
python中利用队列asyncio.Queue进行通讯详解
2017/09/10 Python
PyQt5利用QPainter绘制各种图形的实例
2017/10/19 Python
Java与Python两大幸存者谁更胜一筹呢
2018/04/12 Python
python画折线图的程序
2018/07/26 Python
python批量修改图片尺寸,并保存指定路径的实现方法
2019/07/04 Python
Python使用matplotlib绘制三维参数曲线操作示例
2019/09/10 Python
python Event事件、进程池与线程池、协程解析
2019/10/25 Python
Python利用 utf-8-sig 编码格式解决写入 csv 文件乱码问题
2020/02/21 Python
Python3爬虫里关于Splash负载均衡配置详解
2020/07/10 Python
CSS3 二级导航菜单的制作的示例
2018/04/02 HTML / CSS
详解css3中dispaly的Grid布局与Flex布局
2020/09/11 HTML / CSS
成教毕业生自我鉴定
2013/10/23 职场文书
六查六看剖析材料
2014/10/06 职场文书
2014年留守儿童工作总结
2014/12/10 职场文书
跑吧孩子观后感
2015/06/10 职场文书
pandas中DataFrame重置索引的几种方法
2021/05/24 Python
react antd实现动态增减表单
2021/06/03 Javascript
解决vue $http的get和post请求跨域问题
2021/06/07 Vue.js
Python中使用ipython的详细教程
2021/06/22 Python