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 相关文章推荐
js 获取子节点函数 (兼容FF与IE)
Apr 18 Javascript
jQuery实现的立体文字渐变效果
May 17 Javascript
Jquery截取中文字符串的实现代码
Dec 22 Javascript
javascript 常用功能总结
Mar 18 Javascript
javascript中实现兼容JAVA的hashCode算法代码分享
Aug 11 Javascript
jquery中toggle函数交替使用问题
Jun 22 Javascript
基于JavaScript创建动态Dom
Dec 08 Javascript
Javascript如何判断数据类型和数组类型
Jun 22 Javascript
浅谈JavaScript中面向对象的的深拷贝和浅拷贝
Aug 01 Javascript
JavaScript仿微信(电话)联系人列表滑动字母索引实例讲解(推荐)
Aug 16 Javascript
jQuery-ui插件sortable实现自由拖动排序
Dec 01 jQuery
vue中可编辑树状表格的实现代码
Oct 31 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
杏林同学录(九)
2006/10/09 PHP
php打造智能化的柱状图程序,用于报表等
2015/06/19 PHP
js时间日期和毫秒的相互转换
2013/02/22 Javascript
jQuery图片滚动图片的效果(另类实现)
2013/06/02 Javascript
JavaScript数组深拷贝和浅拷贝的两种方法
2014/04/16 Javascript
js中的hasOwnProperty和isPrototypeOf方法使用实例
2014/06/06 Javascript
JavaScript中number转换成string介绍
2014/12/31 Javascript
JavaScript学习笔记之ES6数组方法
2016/03/25 Javascript
深入解析桶排序算法及Node.js上JavaScript的代码实现
2016/07/06 Javascript
Bootstrap基本插件学习笔记之折叠(22)
2016/12/08 Javascript
js实现获取鼠标当前的位置
2016/12/14 Javascript
angular5 httpclient的示例实战
2018/03/12 Javascript
jQuery阻止事件冒泡实例分析
2018/07/03 jQuery
基于webpack4+vue-cli3项目实现换肤功能
2019/07/17 Javascript
微信小程序scroll-view的滚动条设置实现
2020/03/02 Javascript
JavaScript设计模式--简单工厂模式定义与应用案例详解
2020/05/23 Javascript
vue实现自定义多选按钮
2020/07/16 Javascript
vue集成openlayers加载geojson并实现点击弹窗教程
2020/09/24 Javascript
Python open()文件处理使用介绍
2014/11/30 Python
详解python时间模块中的datetime模块
2016/01/13 Python
python dataframe 输出结果整行显示的方法
2018/06/14 Python
Python中时间datetime的处理与转换用法总结
2019/02/18 Python
浅谈PYTHON 关于文件的操作
2019/03/19 Python
python 实现交换两个列表元素的位置示例
2019/06/26 Python
Python使用get_text()方法从大段html中提取文本的实例
2019/08/27 Python
Pytorch中实现只导入部分模型参数的方式
2020/01/02 Python
详解如何在PyCharm控制台中输出彩色文字和背景
2020/08/17 Python
如何用 Python 制作 GitHub 消息助手
2021/02/20 Python
纯css3实现的动画按钮的实例教程
2014/11/17 HTML / CSS
国外平面设计素材网站:The Hungry JPEG
2017/03/28 全球购物
巴西一家专门从事家居和装饰的连锁店:Camicado
2019/08/14 全球购物
实习护理工作自我评价
2013/09/25 职场文书
致200米运动员广播稿
2014/02/06 职场文书
《沉香救母》教学反思
2014/04/19 职场文书
2014年保洁工作总结
2014/11/24 职场文书
从QQtabBar看css命名规范BEM的详细介绍
2021/08/07 HTML / CSS