欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

js对数组对象的定义和遍历

程序员文章站 2022-06-02 09:49:53
...
<%@ 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>