<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>JS数组测试</title>
<script type="text/javascript">
//第一种定义数组的方法
/*
var arr = new Array();
arr[0] = 12;
arr[1] = 2;
arr[2] = 20;
arr[3] = 234;
arr[4] = 30;
arr[5] = 2;
*/
//第二种定义数组的方法
var arr = new Array(1, 23, 456, 0, -3, 999, 459);
//1、使用原始的for循环得到最大值
function getMaxVal() {
var returnVal = arr[0];
for (i = 1; i < arr.length; i++) {
if (arr[i] > returnVal) {
returnVal = arr[i];
}
}
alert("数组:"+arr+"中的最大值是:"+returnVal);
}
//2、使用for-in循环得到最大值
function getMaxValByForIn() {
var returnVal = arr[0];
//i表示的是数组的下标
for (var i in arr) {
if (arr[i] > returnVal) {
returnVal = arr[i];
}
}
alert("数组:" + arr + "中的最大值是:" + returnVal);
}
//数组的合并、排序、使用join将数组中的元素组合成字符串
function getStringByJoin() {
var arr1 = new Array("Lily", "Bob", "Smith", "Thom");
var arr2 = new Array("James", "CoBe", "Lucy");
//alert("合并后的数组为:" + arr1.concat(arr2));
//alert("合并并且排序后的数组为:" + arr1.concat(arr2).sort());
alert("使用join添加后的字符串:" + arr1.join("|"));
//alert("原先的数组:"+arr1+"\n使用reverse反转后的数组:"+arr1.reverse());
}
//不使用join,自己写同样实现join的功能
function getStringByMySelf() {
var arr1 = new Array("Lily", "Bob", "Smith", "Thom");
var returnVal="";
for (var i = 0; i < arr1.length - 1; i++) {
returnVal += arr1[i] + "|";
}
returnVal += arr1[arr1.length-1];
alert("不使用join实现join功能的字符串:"+returnVal);
}
//不使用reverse()实现数组元素的反转功能
function getReverseByMySelf() {
//var arr1 = new Array("Lily", "Bob", "Smith", "Thom");
var arr1 = new Array();
arr1[0] = "Lily";
arr1[1] = "Bob";
arr1[2] = "Smith";
arr1[3] = "Thom";
//alert(arr1);
var arr2 = arr1.slice(0, arr1.length); //数组的拷贝,不改变原始数组
//var arr2 = arr1;//此种赋值,会改变原始的数组值
for (var i = 0; i < arr2.length / 2; i++) {
var temp = arr2[i];
arr2[i] = arr2[arr2.length-1 - i];//注意,这里需要在长度的基础上先减1,因为数组下标从0开始
arr2[arr2.length-1 - i] = temp;
}
alert("原始数组:"+arr1+"\n反转后的数组:"+arr2);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<h2>JS数组相关基础操作练习</h2>
<hr />
<input type="button" value="1、求数组中的最大数" οnclick="getMaxValByForIn();"/>
<br />
<br />
<input type="button" value="2、使用join将数组中的元素组合成字符串" οnclick="getStringByJoin();"/>
<br />
<br />
<input type="button" value="3、不使用join自己写的将数组元素组合成字符串" οnclick="getStringByMySelf();"/>
<br />
<br />
<input type="button" value="4、不使用reverse自己写的将数组元素进行反转的功能" οnclick="getReverseByMySelf();"/>
</div>
</form>
</body>
</html>
JS针对数组的基础操作
最新推荐文章于 2024-09-11 20:08:48 发布