JavaScript字符串分割与数组操作详解

作者:拾光

时间:2026-10-27

浏览:511

本文介绍JavaScript中split函数将字符串分割为数组的方法,以及删除数组元素的两种常见方式:delete方法和splice方法。通过示例代码演示了split的用法、delete保留索引的特点,以及splice在删除的同时支持新增元素的功能,并对比了不同方法的浏览器兼容性。

文章目录

JavaScript字符串分割示例

示例代码如下:

 
<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函数的具体用法

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删除数组元素的两种方法

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'

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章