JavaScript——- 对象
文章目录
1.对象创建
//方法1 使用变量创建
var person={//key 为键 value为值
Name : "张三",
Age:18,
Sex:"男"
};
//使用new关键字创建对象
var demo =new Object();
demo.Name = "张三";
demo.age = 18;
demo.Sex = "男";
console.log(demo.age); //18
2.对象操作
2.1 删除对象
//删除对象delete
var demo={
Name : "张三",
Age:18,
Sex:"男"
};
delete demo.Age;
console.log(demo.Age); //输出 undefined
2.2 创建对象方法
var demo={
Name : "张三",
Age:18,
Sex:"男",
Action : function() { //定义对象方法
console.log("张三现在可能在上课");
}
};
demo.Action(); //访问方法 执行函数 (张三现在可能在上课)
demo.Action;//会打印方法体
2.3 输出对象
var demo={
Name : "张三",
Age:18,
Sex:"男",
Action : function() {
console.log("张三现在可能在上课");
}
};
alert(demo); //弹窗 Object
console.log(demo);// 控制台打印 {Name: '张三', Age: 18, Sex: '男', Action: ƒ}
2.3.1 Object.values()方法
var demo={
Name : "李四",
Age:18,
Sex:"男"
};
var arr=Object.values(demo); //把对象转为数组
console.log(arr); //打印 ['李四', 18, '男']
3.JS的对象访问器
//Get访问器
var demo={
Name : "李四",
Age:18,
Sex:"男",
get Action(){
console.log("get 方法跑起来了");
}
};
demo.Action; //这里的调用语法和访问属性的语法相同
//Set访问器
var demo={
Name : "李四",
Age:18,
Sex:"男",
Acction : "",
set action(acc){
this.Acction=acc;
}
};
demo.action="李四在吃饭"; //调用set方法的语法
console.log(demo.Acction);//李四在吃饭
5.创建构造器对象
创建带参数函数的对象
//对象构造器 这种情况必须使用 new 创建
function Myfunction(name,age,sex){
this.Name=name;
this.Age=age;
this.Sex=sex;
}
var x=new Myfunction("赵六",19,'女'); //创建构造器
console.log("姓名:"+x.Name+" "+"年龄:"+x.Age+" "+"性别:"+x.Sex);
//打印结果 姓名:赵六 年龄:19 性别:女
6.Map对象和set对象的用法
6.1 Map方法
var appl = {name:"Apples"};
var banans = {name:"Banans"};
var Oranges = {name:"Oranges"};
var fruits = new Map();
fruits.set(appl,500);
fruits.set(banans,300);
fruits.set(Oranges,200);
console.log(fruits.get(appl)); //输出500
6.2 Set方法
var a = "张三";
var b = "李四";
var c = "王五";
var demo = new Set();
demo.add(a);
demo.add(b);
demo.add(c);
var num=demo.values();
console.log(num.next().value);//张三
console.log(num.next().value);//李四
console.log(demo);// 打印 Set(3) {size: 3, 张三, 李四, 王五}
console.log(demo.size);//长度3
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/48334.html