当前位置:网站首页>JS基础笔记-关于对象
JS基础笔记-关于对象
2022-08-09 22:18:00 【东方睡衣】
对象
JS中数据类型
String、Number、Boolean、Null、Undefined------这些都是基本数据类型,其余都是对象;
Object-----对象(引用数据类型);
基本数据类型都是单一的值,值与值之间没有任何的联系。
在JS中表示一个人能的信息(name、gender、age) 以下的每一个变量都是独立的,不能成为一个整体;
var name = 'Lisa'; var gender = '男'; var age = 18;
对象是一种复合的数据类型,在对象中可以保存多个不同数据类型的属性。
对象的分类
1.内建对象
由ES标准中定义的对象,在任何的ES的实现中都可以实现;
比如:—Math、String、Number、Boolean、Function、Object…
2.宿主对象
由JS的运行环境提供的对象,目前来讲主要指由浏览器提供的对象;比如:BOM DOM;
console.log(); //console即为对象;
3.自定义对象
开发人员自己创建的对象;
对象的基本操作
创建对象
使用new关键字调用的函数,是构造函数constructor,构造函数是专门用来创建对象的函数;
var obj = new Object();
在对象中保存的值称为属性;
向对象添加属性语法格式: 对象.属性名=属性值;
var obj = new Object();
obj.name = '小红';
obj.gender = '男';
obj.age = 18; //输出{name: '小红', gender: '男', age: 18}
读取对象的属性
语法格式:对象.属性名
obj.name
注意:读取对象中没有的属性,不会报错,会返回undefined
修改对象的属性值
语法格式:对象.属性名=新属性值
删除对象的属性
语法格式: delete 对象.属性名
delete obj.name;
注意
注意:关于对象的属性名, 不强制要求遵守标识符的规范,尽量还是规范
如果要使用特殊的属性名,不可以使用点的方式来操作
语法:对象[“属性名”]=属性值
var obj = new Object();//创建一个空对象
obj["123"] = 21;
console.log(obj["123"]);
使用 [ ] 这种形式来操作属性,更加的灵活, [ ] 中也可以放变量,这样变量是多少就会读取哪个属性
注意:关于属性值
属性值可以时任意值,也可以是对象
var obj = new Object();
var obj2 = new Object();
obj2.name = '猪八戒';
obj.test = obj2;
console.log(obj.test.name);//猪八戒
检查对象中是否有某一个对象
语法: “属性名” in 对象
console.log("name" in obj2); 显示true或false
基本数据类型和引用数据类型
- 基本数据类型比较的是值
- 引用数据类型保存的是地址
使用对象字面量
创建一个对象
var obj = {}; //创建了一个空对象
使用对象字面量可以在创建对象时,直接给对象中的属性;
语法:{属性名:属性值,属性名:属性值…}
var obj = {
name: "猪八戒",
age: 12,
gender: "男",
test: { name: "沙和尚" }
};
console.log(obj);
边栏推荐
- Redis集群
- How to know the computer boot record?
- 高数_复习_第4章:向量代数和空间解析几何
- 68. qt quick-qml multi-level folding drop-down navigation menu supports dynamic add/unload, support qml/widget loading, etc.
- 2022-8-9 第六组 输入输出流
- 杭电多校-Counting Stickmen-(思维+组合数+容斥)
- Pytorch分布式训练/多卡训练DDP——模型初始化(torch.distribute 与 DDP的区别)
- Gumbel distribution of discrete choice model
- linux上使用docker安装redis
- 如何正则匹配乱码?
猜你喜欢
随机推荐
Qt message mechanism and events
力扣:322. 零钱兑换
VR全景拍摄如何拍摄?如何使用拍摄器材?
HUAWEI CLOUD escorts the whole process of "Wandering Ark" for the first time, creating a popular brand
iNFTnews | 迪士尼如何布局Web3
高手这样看现货白银走势图
如何正则匹配乱码?
How to insist to use procedural system?
2022-08-09 mysql/stonedb-慢SQL-Q16分析
How to match garbled characters regularly?
Filament - Material basic graphics drawing
【Burning】It's time to show your true strength!Understand the technical highlights of the 2022 Huawei Developer Competition in one article
SRv6性能测量
【励志】名言警句
VR全景结合小程序,为线上电商更好的服务
Click: 377. Combined Sum Ⅳ
JS--hashchange事件--使用/教程
Pytorch分布式训练/多卡训练DDP——模型初始化(torch.distribute 与 DDP的区别)
函数习题(下)
【哲理】读书的意义









