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>
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>
推荐阅读
-
js对象数组和对象的使用实例详解
-
JS中遍历数组、对象的方式
-
详谈js中数组(array)和对象(object)的区别
-
js 对 只包含简单类型数据的对象 为元素 组成的数组 进行去重
-
javascript遍历json对象的key和任意js对象属性实例
-
JS高级---工厂模式创建对象和自定义构造函数创建对象的区别
-
js/jquery遍历对象和数组的方法分析【forEach,map与each方法】
-
Map集合的遍历方式以及TreeMap集合保存自定义对象实现比较的Comparable和Comparator两种方式
-
海创软件组--20200712--axios上传文件获取进度--js对多个四边形的点对象数组分别按顺时针排序--定义上传视频并可预览
-
js获取对象,数组所有属性键值(key)和对应值(value)的方法示例