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语言中的Literal Syntax特性分析
Mar 08 Javascript
用javascript实现给出的盒子的序列是否可连为一矩型
Aug 30 Javascript
javascript将相对路径转绝对路径示例
Mar 14 Javascript
jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板
Apr 30 Javascript
jQuery Easyui 验证两次密码输入是否相等
May 13 Javascript
ionic中列表项增加和删除的实现方法
Jan 22 Javascript
ES6学习之变量的解构赋值
Feb 12 Javascript
layui点击按钮添加可编辑的一行方法
Aug 15 Javascript
关于JavaScript 数组你应该知道的事情(推荐)
Apr 10 Javascript
Vue防止白屏添加首屏动画的实例
Oct 31 Javascript
vue项目强制清除页面缓存的例子
Nov 06 Javascript
微信小程序APP的事件绑定以及传递参数时的冒泡和捕获
Apr 19 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按行读取、处理较大CSV文件的代码实例
2014/04/09 PHP
学习php设计模式 php实现适配器模式
2015/12/07 PHP
PHP实现基于栈的后缀表达式求值功能
2017/11/10 PHP
PHP实现的CURL非阻塞调用类
2018/07/26 PHP
checkbox 多选框 联动实现代码
2008/10/22 Javascript
基于JQuery的抓取博客园首页RSS的代码
2011/12/01 Javascript
jQuery源码中的chunker 正则过滤符分析
2012/07/31 Javascript
php中给js数组赋值方法
2014/03/10 Javascript
JavaScript模拟实现键盘打字效果
2015/06/29 Javascript
js实现带圆角的多级下拉菜单效果
2015/08/28 Javascript
学习JavaScript设计模式之装饰者模式
2016/01/19 Javascript
js对象浅拷贝和深拷贝详解
2016/09/05 Javascript
火狐和ie下获取javascript 获取event的方法(推荐)
2016/11/26 Javascript
JavaScript字符串对象
2017/01/14 Javascript
微信小程序 实现点击添加移除class
2017/06/12 Javascript
微信小程序上传图片实例
2018/05/28 Javascript
python 文件与目录操作
2008/12/24 Python
Python3安装Pymongo详细步骤
2017/05/26 Python
Python功能点实现:函数级/代码块级计时器
2019/01/02 Python
python+selenium实现简历自动刷新的示例代码
2019/05/20 Python
Python爬虫运用正则表达式的方法和优缺点
2019/08/25 Python
PyQt5中多线程模块QThread使用方法的实现
2020/01/31 Python
Python坐标轴操作及设置代码实例
2020/06/04 Python
python定义类的简单用法
2020/07/24 Python
美国知名女性服饰品牌:New York & Company
2017/03/23 全球购物
机械设计制造专业个人求职信
2013/09/25 职场文书
小学作文评语大全
2014/04/21 职场文书
教师个人工作总结范文2014
2014/11/10 职场文书
新员工试用期工作总结2015
2015/05/28 职场文书
小学生红领巾广播稿
2015/08/19 职场文书
小组组名及励志口号
2015/12/24 职场文书
科级干部培训心得体会
2016/01/06 职场文书
乡镇团代会开幕词
2016/03/04 职场文书
MySQL数据库必备之条件查询语句
2021/10/15 MySQL
MySQL之select、distinct、limit的使用
2021/11/11 MySQL
Java无向树分析 实现最小高度树
2022/04/09 Javascript