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 31 Javascript
简单通用的JS滑动门代码
Dec 19 Javascript
用AJAX返回HTML片段中的JavaScript脚本
Jan 04 Javascript
js实现GridView单选效果自动设置交替行、选中行、鼠标移动行背景色
May 27 Javascript
javascript中arguments,callee,caller详解
Mar 16 Javascript
jQuery+PHP实现微信转盘抽奖功能的方法
May 25 Javascript
js编写的treeview使用方法
Nov 11 Javascript
微信小程序module.exports模块化操作实例浅析
Dec 20 Javascript
JS实现简单的抽奖转盘效果示例
Feb 16 Javascript
layui 富文本图片上传接口与普通按钮 文件上传接口的例子
Sep 23 Javascript
Windows下安装 node 的版本控制工具 nvm
Feb 06 Javascript
你不知道的SpringBoot与Vue部署解决方案
Nov 09 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文件上传实例教程
2014/08/22 PHP
PHP实现的简单三角形、矩形周长面积计算器分享
2014/11/18 PHP
php实现图片上传、剪切功能
2016/05/07 PHP
PHP url的pathinfo模式加载不同控制器的简单实现
2016/08/12 PHP
js substring从右边获取指定长度字符串(示例代码)
2013/12/23 Javascript
jQuery多项选项卡的实现思路附样式及代码
2014/06/03 Javascript
JavaScript中用于四舍五入的Math.round()方法讲解
2015/06/15 Javascript
jQuery网页右侧广告跟随滚动代码分享
2020/04/20 Javascript
基于BootStrap Metronic开发框架经验小结【二】列表分页处理和插件JSTree的使用
2016/05/12 Javascript
javascript之Boolean类型对象
2016/06/07 Javascript
vue.js学习之递归组件
2016/12/13 Javascript
Node.js 的模块知识汇总
2017/08/16 Javascript
vue路由跳转时判断用户是否登录功能的实现
2017/10/26 Javascript
微信小程序 扭蛋抽奖机css3动画实现详解
2019/07/19 Javascript
浅谈Vue 自动化部署打包上线
2020/06/14 Javascript
jquery轮播图插件使用方法详解
2020/07/31 jQuery
[01:34]2016国际邀请赛中国区预选赛IG战队教练采访
2016/06/27 DOTA
Python配置文件解析模块ConfigParser使用实例
2015/04/13 Python
python merge、concat合并数据集的实例讲解
2018/04/12 Python
NumPy 数学函数及代数运算的实现代码
2018/07/18 Python
Python3.5基础之函数的定义与使用实例详解【参数、作用域、递归、重载等】
2019/04/26 Python
Django数据结果集序列化并展示实现过程
2020/04/22 Python
如何清空python的变量
2020/07/05 Python
解决redis与Python交互取出来的是bytes类型的问题
2020/07/16 Python
CSS3实现简易版的刮刮乐效果
2016/09/27 HTML / CSS
Lookfantastic挪威官网:英国知名美妆购物网站
2017/07/26 全球购物
宝拉珍选美国官网:Paula’s Choice美国
2018/01/07 全球购物
新加坡领先的时尚生活方式零售品牌:CHARLES & KEITH
2018/01/16 全球购物
英国婴儿产品专家:Samuel Johnston
2020/04/20 全球购物
简单租房协议书(范本)
2014/10/13 职场文书
房地产公司财务总监岗位职责
2015/04/03 职场文书
2016年元旦寄语
2015/08/17 职场文书
教师教育心得体会
2016/01/19 职场文书
创业计划书之健康营养产业
2019/10/15 职场文书
详解python中[-1]、[:-1]、[::-1]、[n::-1]使用方法
2021/04/25 Python
将图片保存到mysql数据库并展示在前端页面的实现代码
2021/05/02 MySQL