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 相关文章推荐
HTML中Select不用Disabled实现ReadOnly的效果
Apr 07 Javascript
js利用与或运算符优先级实现if else条件判断表达式
Apr 15 Javascript
JS关键字变色实现思路及代码
Feb 21 Javascript
JQuery菜单效果的两个实例讲解(3)
Sep 17 Javascript
jQuery实现有动画淡出效果的二级折叠菜单代码
Oct 17 Javascript
jQuery Easyui Tabs扩展根据自定义属性打开页签
Aug 15 Javascript
jQuery实现图片滑动效果
Mar 08 Javascript
JavaScript数据结构之双向链表定义与使用方法示例
Oct 27 Javascript
函数式编程入门实践(一)
Apr 20 Javascript
Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)
Apr 27 Javascript
详解vue3中组件的非兼容变更
Mar 03 Vue.js
JavaScript数组 几个常用方法总结
Nov 11 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
thinkphp视图模型查询提示ERR: 1146:Table 'db.pr_order_view' doesn't exist的解决方法
2014/10/30 PHP
实例讲解php数据访问
2016/05/09 PHP
PHP session会话操作技巧小结
2016/09/27 PHP
JavaScript建立一个语法高亮输入框实现思路
2013/02/26 Javascript
jQuery制作拼图小游戏
2015/01/12 Javascript
使用DNode实现php和nodejs之间通信的简单实例
2015/07/06 NodeJs
深入探究AngularJS框架中Scope对象的超级教程
2016/01/04 Javascript
jQuery 特性操作详解及实例代码
2016/09/29 Javascript
angular框架实现全选与单选chekbox的自定义
2017/07/06 Javascript
vue项目使用axios发送请求让ajax请求头部携带cookie的方法
2018/09/26 Javascript
vue实现下拉加载其实没那么复杂
2019/08/13 Javascript
浅谈layer的Icon样式以及一些常用的layer窗口使用方法
2019/09/11 Javascript
layui清空,重置表单数据的实例
2019/09/12 Javascript
Vue-resource安装过程及使用方法解析
2020/07/21 Javascript
vue 验证两次输入的密码是否一致的方法示例
2020/09/29 Javascript
js实现扫雷源代码
2020/11/27 Javascript
原生js中运算符及流程控制示例详解
2021/01/05 Javascript
JavaScript 绘制饼图的示例
2021/02/19 Javascript
Python的Asyncore异步Socket模块及实现端口转发的例子
2016/06/14 Python
python 添加用户设置密码并发邮件给root用户
2016/07/25 Python
Python 3中的yield from语法详解
2017/01/18 Python
详谈Pandas中iloc和loc以及ix的区别
2018/06/08 Python
Python实现监控键盘鼠标操作示例【基于pyHook与pythoncom模块】
2018/09/04 Python
Python图像处理之图片文字识别功能(OCR)
2019/07/30 Python
python实现发送form-data数据的方法详解
2019/09/27 Python
Python实现word2Vec model过程解析
2019/12/16 Python
python绘制汉诺塔
2021/03/01 Python
Aerosoles爱柔仕官网:美国舒软女鞋品牌
2017/07/17 全球购物
英国最专业的健身器材供应商之一:Best Gym Equipment
2017/12/22 全球购物
解释一下ruby中的特殊方法与特殊类
2013/02/26 面试题
优秀学生干部推荐材料
2014/02/03 职场文书
2014道德模范事迹材料
2014/02/16 职场文书
前处理班长职位说明书
2014/03/01 职场文书
三行辞职书范文
2015/02/26 职场文书
详解JS ES6编码规范
2021/05/07 Javascript
详解CSS开发过程中的20个快速提升技巧
2021/05/21 HTML / CSS