js对数组对象的定义和遍历
程序员文章站
2022-05-13 17:26:19
...
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String path= request.getContextPath();
String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>js1</title>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(function(){
var stu={name:"aa",age:20};
console.log("名字："+stu.name+"----"+stu["name"]);
//创建一个新的属性
stu.sex="男";
console.log("性别是："+stu.sex);
//创建一个空的对象
stu.addr={};
console.log("地址："+stu.addr);
console.log("-------------数组-------------");
//定义一个数组
var arr=[2,3,4,5,7];
//获取数组的大小
console.log("数组的大小是："+arr.length);
//通过下标获取数组中的值，下标从0开始
for(var i=0;i<arr.length;i++){
console.log("数组中存放的值arr["+i+"]="+arr[i]);
}
//给改变数组中原来的值
arr[2]=10;
console.log("数组中存放的值arr[2]="+arr[2]);
//新增数组中的元素
arr[5]=20;
for(var i=0;i<arr.length;i++){
console.log("改变后的数组中存放的值arr["+i+"]="+arr[i]);
}
console.log("-------for循环--数组中包含对象------------");
var points=[{x:0,y:0},{x:1,y:1}];
for(var i=0;i<points.length;i++){
console.log("获取到数组对象的值:x="+points[i].x+"y="+points[i].y);
}
console.log("---- $.each()-----数组中包含对象------------");
$.each(points,function(k,point){
console.log("each 循环变遍历的结果是---》x="+point.x+"y="+point.y);
});
console.log("----对象中包含数组------------");
var d={
t1:[[1,2],[3,4]], // 每一个属性的值都是数组
t2:[[5,6],[7,8]] //并且数组的元素也是数组
};
console.log("获取值："+d.t1[0]); //输出的结果是：获取值：1,2
});
</script>
</head>
<body>
</body>
</html>
pageEncoding="UTF-8"%>
<%
String path= request.getContextPath();
String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>js1</title>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(function(){
var stu={name:"aa",age:20};
console.log("名字："+stu.name+"----"+stu["name"]);
//创建一个新的属性
stu.sex="男";
console.log("性别是："+stu.sex);
//创建一个空的对象
stu.addr={};
console.log("地址："+stu.addr);
console.log("-------------数组-------------");
//定义一个数组
var arr=[2,3,4,5,7];
//获取数组的大小
console.log("数组的大小是："+arr.length);
//通过下标获取数组中的值，下标从0开始
for(var i=0;i<arr.length;i++){
console.log("数组中存放的值arr["+i+"]="+arr[i]);
}
//给改变数组中原来的值
arr[2]=10;
console.log("数组中存放的值arr[2]="+arr[2]);
//新增数组中的元素
arr[5]=20;
for(var i=0;i<arr.length;i++){
console.log("改变后的数组中存放的值arr["+i+"]="+arr[i]);
}
console.log("-------for循环--数组中包含对象------------");
var points=[{x:0,y:0},{x:1,y:1}];
for(var i=0;i<points.length;i++){
console.log("获取到数组对象的值:x="+points[i].x+"y="+points[i].y);
}
console.log("---- $.each()-----数组中包含对象------------");
$.each(points,function(k,point){
console.log("each 循环变遍历的结果是---》x="+point.x+"y="+point.y);
});
console.log("----对象中包含数组------------");
var d={
t1:[[1,2],[3,4]], // 每一个属性的值都是数组
t2:[[5,6],[7,8]] //并且数组的元素也是数组
};
console.log("获取值："+d.t1[0]); //输出的结果是：获取值：1,2
});
</script>
</head>
<body>
</body>
</html>