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 相关文章推荐
让人期待的2011年度最佳 jQuery 插件分享
Mar 16 Javascript
js原型链原理看图说明
Jul 07 Javascript
javascript实现在下拉列表中显示多级树形菜单的方法
Aug 12 Javascript
基于JavaScript制作霓虹灯文字 代码 特效
Sep 01 Javascript
快速解决Canvas.toDataURL 图片跨域的问题
May 10 Javascript
Bootstrap Table使用心得总结
Nov 29 Javascript
单击按钮发送验证码,出现倒计时的简单实例
Mar 17 Javascript
Vue实现push数组并删除的例子
Nov 01 Javascript
分享一款超好用的JavaScript 打包压缩工具
Apr 26 Javascript
vue实现简单跑马灯效果
May 25 Javascript
如何在Vue中使localStorage具有响应式(思想实验)
Jul 14 Javascript
Vue +WebSocket + WaveSurferJS 实现H5聊天对话交互的实例
Nov 18 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 数组的合并、拆分、区别取值函数集
2010/02/15 PHP
PHP初学者最感迷茫的问题小结
2010/03/27 PHP
php传值和传引用的区别点总结
2019/11/19 PHP
EXT中xtype的含义分析
2010/01/07 Javascript
JavaScript 32位整型无符号操作示例
2013/12/08 Javascript
jQuery实现径向动画菜单效果
2015/07/17 Javascript
JS实现字符串转日期并比较大小实例分析
2015/12/09 Javascript
基于BootStrap Metronic开发框架经验小结【二】列表分页处理和插件JSTree的使用
2016/05/12 Javascript
JavaScript轻松创建级联函数的方法示例
2017/02/10 Javascript
轻松学习Javascript闭包
2017/03/01 Javascript
利用js定义一个导航条菜单
2017/03/14 Javascript
bootstrap是什么_动力节点Java学院整理
2017/07/14 Javascript
Vue.js 单页面多路由区域操作的实例详解
2017/07/17 Javascript
AngularJS实现表单验证功能详解
2017/10/12 Javascript
详解jQuery中的isPlainObject()使用方法
2018/02/27 jQuery
vue 指令之气泡提示效果的实现代码
2018/10/18 Javascript
vue页面切换项目实现转场动画的方法
2019/11/12 Javascript
uniapp与webview之间的相互传值的实现
2020/06/29 Javascript
Python文件和流(实例讲解)
2017/09/12 Python
python之当你发现QTimer不能用时的解决方法
2019/06/21 Python
python3实现简单飞机大战
2020/11/29 Python
解决Python import .pyd 可能遇到路径的问题
2021/03/04 Python
美国二手奢侈品寄售网站:TheRealReal
2016/10/29 全球购物
G-Form护具官方网站:美国运动保护装备
2019/09/04 全球购物
Andrew Marc官网:设计师外套的领先制造商
2019/10/30 全球购物
幼儿园庆六一游园活动方案
2014/01/29 职场文书
文明村创建实施方案
2014/03/27 职场文书
劳动竞赛口号
2014/06/16 职场文书
个人收入证明模板
2014/09/18 职场文书
离退休人员聘用协议书
2014/11/24 职场文书
2015年师德师风自我评价范文
2015/03/05 职场文书
党员干部公开承诺书范文
2015/04/27 职场文书
Windows10下安装MySQL8
2021/04/06 MySQL
js 数组 fill() 填充方法
2021/11/02 Javascript
攻击最高的10只幽灵系神奇宝贝,坚盾剑怪排第一,第五最为可怕
2022/03/18 日漫
JS setTimeout与setInterval的区别
2022/04/20 Javascript