JavaScript学习基础篇(七)

导读:本篇文章讲解 JavaScript学习基础篇(七),希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

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

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!