系列文章目录
第6章:javaScript中的对象
前言
提示:这里可以添加本文要记录的大概内容:
熟练运用JavaScript的对象解决问题,对象是JavaScript的基本数据类型之一,是一种复合的数据类型。他将多种数据类型集中在一个数据单元中,并允许通过对象来存取这些数据的值。
一、JavaScript内部对象
内部对象分为**动态对象**和**静态对象**
## 动态对象
引用动态对象属性和方法前,必须使用new关键字创建一个对象实例,
然后才能使用“对象名.成员"的方式来访问属性和方法;
##静态对象
直接使用“对象名.成员”
1. Data 对象
dataObj = new Date()
2. event 对象
window.event
2.自定义对象创建调用的方法(3种)
代码如下(示例):
第一种方法
//直接声明一个对象
let obj = {
age: 18,
name:"dawson",
say: function(){
console.log("说话");
}
}
//调用属性
console.log(obj.age);
//调用对象
console.log(obj);
//调用方法
console.log(obj.say());
第二种方法
//函数型构建对象
let Student = function(age,name){
this.age = age;
this.name = name;
this.say = function(){
console.log("我要说话");
}
}
//在原型中加入属性
//称对象直接量
Student.prototype.sex = "男";
//在原型中加入方法
Student.prototype.study = function(){
console.log("我要学习");
}
let s = new Student(19,"约翰逊")
console.log(s);
第三种用类继承形成原型链
//原型继承
class Person {
//构造函数
constructor(name,age){
this.name = name;
this.age = age;
}
//方法的创建和之前的不同
say(){
console.log("人会说话");
}
}
class Student extends Person{
constructor(name,age,sex,type){
//继承父类的属性
super(name,age);
this.sex=sex;
this.type=type;
}
study(){
console.log("我要学习");
}
数组
let arr = [];
//在数组的末尾追加元素
arr.push(1)
arr.push(2)
arr.push(3)
arr.push(4)
arr.push(5)
//删除数组末尾的元素
arr.pop()
//在数组的开头位置插入元素
arr.unshift(5);
//删除数组的第一位元素
arr.shift()
//删除数组指定的元素 第一参数:删除元素的下标 第二参数:删除的个数
arr.splice(1,2)
console.log(arr);
//拼接数组
let arr1=["a","b","c","d"];
let arr2= arr.concat(arr1);
console.log(arr2.indexOf("a"));
//对数组进行排序
arr2.sort()
console.log(arr2)
let arr = [1,3,5,7,9,2,4,6,8];
//正序
arr.sort();
//反转
arr.reverse();
let arr =[];
arr.push({name:"张三",age:18,sex:"男"})
arr.push({name:"张三1",age:19,sex:"女"})
arr.push({name:"张三2",age:10,sex:"男"})
arr.push({name:"张三3",age:50,sex:"男"})
//排序的规则
arr.sort((v1,v2)=>{
return v1.age - v2.age;
})
let arr1 = arr.filter((item)=>{
return item.age >= 18 && item.sex ==="男"
})
console.log(arr1)
总结
以上就是对象和数组的一个大概的方法和概念。