复习
js数据类型
基础数据类型
null、undefinded、…
引用数据类型
Object、Function、Array
一、对象
引用数据类型,用于保存复杂的数据类型,多个属性和方法的集合。
对象是使用{}作为对象的边界,对象是由多个属性组成,属性与属性之间用,隔开,属性名与属性值之间用:隔开。
属性名上不加"",属性值根据数据类型选择。
1、如何创建一个对象
1.1 对象字面量的方式
var obj = {
name:“zhangsan”,
age:12,
sayHello:function(){
console.log(“hello”)
},
stu:[]
}
1.2 构造函数的方式
var obj = new Object()
console.log(obj) //{}
2、访问
点访问
obj.name
中括号访问
obj[“name”]
3、删除
delete obj.name
4、构造函数Object
toString()
//当调用该方法的对象不是 Number 时抛出 TypeError 异常。
5、遍历对象
增强for
var obj = {
name:1,
age:2,
gender:3
}
for(var key in obj){
//key属性名
console.log(obj[key])
//obj[“name”]
}
6、检测一个属性可不可以被对象调用
in
“name” in obj
7、对象的继承
所有的对象都直接或是间接继承Object
8、对象原型链
9、对象的序列化
将对象转换成json字符串
JSON.stringify(obj)
将json字符串转换成对象
JSON.parse(json_str)
二、函数
三、数组
<!--middle -->
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>居中显示</title><style>.outer {
width: 500px;height: 500px;background-color: aqua;position: relative;}.inner {
width: 200px;height: 200px;background-color: beige;position: absolute;margin: auto;top: 0;bottom: 0;left: 0;right: 0;}</style><script>console.log(String)</script>
</head><body><div class="outer"><div class="inner"></div></div>
</body></html>