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中prototype用法详细介绍
Nov 14 Javascript
按Enter键触发事件的jquery方法实现代码
Feb 17 Javascript
iframe父页面获取子页面参数的方法
Feb 21 Javascript
js定时调用方法成功后并停止调用示例
Apr 08 Javascript
浅谈JSON和JSONP区别及jQuery的ajax jsonp的使用
Nov 23 Javascript
JavaScript中的console.profile()函数详细介绍
Dec 29 Javascript
js实现精确到毫秒的倒计时效果
Aug 05 Javascript
浅谈JavaScript事件绑定的常用方法及其优缺点分析
Nov 01 Javascript
原生ajax处理json格式数据的实例代码
Dec 25 Javascript
vue2实现搜索结果中的搜索关键字高亮的代码
Aug 29 Javascript
详解vue如何使用rules对表单字段进行校验
Oct 17 Javascript
ES6模板字符串和标签模板的应用实例分析
Jun 25 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
匹配csdn用户数据库与官方用户的重合度并将重叠部分的用户筛选出来
2011/12/25 PHP
php封装的单文件(图片)上传类完整实例
2016/10/18 PHP
PHP单文件上传原理及上传函数的封装操作示例
2019/09/02 PHP
JavaScript中的稀疏数组与密集数组[译]
2012/09/17 Javascript
表单验证的完整应用案例探讨
2013/03/29 Javascript
IE、FF、Chrome浏览器中的JS差异介绍
2013/08/13 Javascript
js中创建对象的几种方式
2017/02/05 Javascript
protractor的安装与基本使用教程
2017/07/07 Javascript
React props和state属性的具体使用方法
2018/04/12 Javascript
JS实现字符串中去除指定子字符串方法分析
2018/05/17 Javascript
JS通过ajax + 多列布局 + 自动加载实现瀑布流效果
2019/05/30 Javascript
微信小程序实现手势滑动卡片效果
2019/08/26 Javascript
JS实现简单随机3D骰子
2019/10/24 Javascript
vue获取form表单的值示例
2019/10/29 Javascript
js数据类型转换与流程控制操作实例分析
2019/12/18 Javascript
[02:33]2018 DOTA2亚洲邀请赛回顾视频 再次拾起那些美妙的时刻
2018/04/10 DOTA
[01:22:29]真视界:2019年国际邀请赛总决赛
2020/01/29 DOTA
Django 忘记管理员或忘记管理员密码 重设登录密码的方法
2018/05/30 Python
面向初学者的Python编辑器Mu
2018/10/08 Python
python获取当前文件路径以及父文件路径的方法
2019/07/10 Python
python装饰器的特性原理详解
2019/12/25 Python
python爬取代理ip的示例
2020/12/18 Python
基于css3仿造window7的开始菜单
2010/06/17 HTML / CSS
Expedia意大利旅游网站:酒店、机票和租车预订
2017/10/30 全球购物
巴西香水和化妆品购物网站:The Beauty Box
2019/09/03 全球购物
三年级科学教学反思
2014/01/29 职场文书
社团招新策划书
2014/02/04 职场文书
年终晚会主持词
2014/03/25 职场文书
经典演讲稿汇总
2014/05/19 职场文书
师德师风的心得体会
2014/09/02 职场文书
2014年中班下学期工作总结
2014/12/11 职场文书
追悼会答谢词
2015/01/05 职场文书
如何撰写创业策划书
2019/06/27 职场文书
Spring Boot 排除某个类加载注入IOC的操作
2021/08/02 Java/Android
通过T-SQL语句创建游标与实现数据库加解密功能
2022/03/16 SQL Server
解决vue中provide inject的响应式监听
2022/04/19 Vue.js