04，JavaScript数组的使用与自定义数组-技术教程-四时宝库

（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>

四时宝库

程序员的知识宝库

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