04，JavaScript数组的使用与自定义数组

最新推荐文章于 2024-11-04 09:16:26 发布

原创最新推荐文章于 2024-11-04 09:16:26 发布 · 280 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #java

jquery 专栏收录该内容

10 篇文章

订阅专栏

这篇博客介绍了JavaScript中的字符串转换成字符数组的方法，使用split()函数进行分割，并通过for循环遍历输出。此外，还展示了数组的push()和pop()方法，用于向数组添加元素和移除并返回最后一个元素。最后，文章讲解了如何自定义一个简单的字典结构，包含put()和get()方法来添加和获取元素。

（1），字符串分割成字符数组

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
    <style type="text/css"></style>
	<link rel="stylesheet" type="text/css" href="#">
	
</head>
<body>
	
	<input type="button" value="测试" onclick="testFun()" />
	
</body>
<script type="text/javascript">
	
	function testFun() {
	
		// 字符串转换成字符数组
		var strs = "1,2,3,4,5";
		var strArr = new Array();
		strArr = strs.split(",");
		// 遍历数组，注意for语句中sIdx是数组索引
		for(var sIdx in strArr) {
			alert( strArr[sIdx] );
		}
		
	}

</script>
</html>

（2），数组压入元素push及获取元素pop方法

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
    <style type="text/css"></style>
	<link rel="stylesheet" type="text/css" href="#">
	
</head>
<body>
	
	<input type="button" value="测试2" onclick="testFun()" />
	
</body>
<script type="text/javascript">
	
	function testFun() {
	
		var userNameArr = new Array();
		userNameArr.push("1");  // 压入元素
		userNameArr.push("2");
		// 从数组最后一个元素，获取元素且会把该元素从数组中删除
		var userNameItm_01 = userNameArr.pop();
		// 所以变量userNameItm_01 值为2，且此时数组只剩一个元素
		
	}
</script>
</html>

（3），自定义数组字典

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
    <style type="text/css"></style>
	<link rel="stylesheet" type="text/css" href="#">
	
</head>
<body>
	
	<input type="button" value="测试2" onclick="testFun()" />
	
</body>
<script type="text/javascript">
	
	function testFun() {
	
		var dictionDef = new dictionDefin();
		dictionDef.put("k1", "v1");
		alert("从自定义数组字典获取的元素值："+ dictionDef.get("k1") );	
	}
	
	// 自定义数组字典
	function dictionDefin() {
		
		this.datas = new Array();
		
		// 添加元素
		this.put = function(key, value) {
			this.datas[key] = value;
		}
		// 获取元素
		this.get = function(key) {
			return this.datas[key];
		}
		this.remove = function(key) {
			this.datas[key] = null;
		}
		this.size = function() {
			return this.datas.length;
		}
		this.isEmptry = function() {
			return this.datas.length == 0;
		}
		
	}
	
</script>
</html>