《JavaScript第五章》

最新推荐文章于 2024-09-30 18:55:14 发布

软件2201 颜泽

最新推荐文章于 2024-09-30 18:55:14 发布

阅读量43

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/2201_75656801/article/details/134105863

版权

1、对象的概念
在JavaScript中，对象属于复杂数据类型，它是由属性和方法组成的一个对象。
属性是指对象的特征。
方法是指对象的行为。

下面以学生的特征和行为为例进行说明。
学生的特征：姓名、年龄和性别，这些特征可以用对象的属性来表示。
学生的行为：打招呼、唱歌、写作业，这些行为可以用对象的方法来表示。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>

//将10个学生的成绩输出在页面上。
var arr = [1,2,32,543,65,35,35,654,46,31];
for(var i = 0 ;i<arr.length;i++){
if(i==arr.length-1){
document.write(arr[i] );
}else{
document.write(arr[i] + ',');
}
}

document.write("<hr>");

//将10个学生的全部信息(id name age sex)输出在页面上。
//传统的思路:定义40个变量或者4个数组或者二维数组等等
//按照对象的思想:10个学生理解10个对象将10个对象放在一个数组里面即可
var s1 = {id:1001,name:"张三1" , age:18};
var s2 = {id:1002,name:"张三2" , age:18};
var s3 = {id:1003,name:"张三3" , age:18};
var s4 = {id:1004,name:"张三4" , age:18};
var s5 = {id:1005,name:"张三5" , age:18};
var s6 = {id:1006,name:"张三76" , age:18};
var s7 = {id:1007,name:"张三7" , age:18};
var s8 = {id:1008,name:"张三8" , age:18};
var s9 = {id:1008,name:"张三9" , age:18};
var s10 = {
id :10010,
name:"张三",
age:20,
};

var arr = [s1,s2,s3,s4,s5,s6,s7,s8,s9,s10];
// for(var i = 0 ;i<arr.length;i++){
// if(i==arr.length-1){
// document.write(arr[i] );
// }else{
// document.write(arr[i] + ',');
// }
// }
//注意:上述写法打印的仅仅是外观的Object而非内部的属性。
// for(var i = 0 ;i<arr.length;i++){
// if(i==arr.length-1){
// document.write(arr[i].id + arr[i].name + arr[i].age +"<br>");
// }else{
// document.write(arr[i].id + arr[i].name + arr[i].age +"<br>");
// }
// }
//以上写法较为麻烦

for(var i = 0 ;i<arr.length;i++){
for(var sx in arr[i]){
document.write(arr[i][sx]);
}
document.write("<br>")
}

</script>
</body>
</html>