当前位置:网站首页>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);
边栏推荐
- 【AtomicInteger】常规用法
- Technology feast!Huayun Data brings six topics to OpenInfra Days China
- 2022牛客暑期多校训练营6(ABGIJM)
- 金仓数据库 KingbaseGIS 使用手册(6.3. 几何对象创建函数)
- Bi Sheng Compiler Optimization: Lazy Code Motion
- 国内BI厂商一览
- Analyses the development status quo of stock trading
- Leetcode 236. 二叉树的最近公共祖先
- 多线程是同时执行多个线程的吗
- 34. Fabric2.2 证书目录里各文件作用
猜你喜欢
Gumbel distribution of discrete choice model
Interfering with BGP routing---community attributes
【云原生】一文讲透Kubevela addon如何添加腾讯Crane
Mysql/stonedb - slow SQL - 2022-08-09 Q16 analysis
伦敦银行情中短线的支撑和阻力位
HUAWEI CLOUD escorts the whole process of "Wandering Ark" for the first time, creating a popular brand
你的手机曾经被监控过吗?
shell array
干货!迈向鲁棒的测试时间适应
深入理解多线程(第一篇)
随机推荐
mysql中的key是怎么用的,或者这个值有什么意义,如下图?
Miscellaneous talk - the sorrow of programmers
What are the basic steps to develop a quantitative trading strategy?
多线程是同时执行多个线程的吗
【对象——对象及原型链上的属性——对象的操作方法】
Force Buckle: 474. Ones and zeros
Filament - Material basic graphics drawing
Sqlserver restricts the ip under which accounts can access the database
带着昇腾去旅行:一日看尽金陵城里的AI胜景
力扣:377. 组合总和 Ⅳ
shader学习笔记(五)
70. 爬楼梯进阶版
harbor配置远程仓库
34. Fabric2.2 证书目录里各文件作用
68. qt quick-qml multi-level folding drop-down navigation menu supports dynamic add/unload, support qml/widget loading, etc.
如何正则匹配乱码?
UNI-APP_ monitor page scroll h5 monitor page scroll
What kind of mentality do you need to have when using the stock quantitative trading interface
完全背包理论
深圳堡垒机厂家有哪些?重点推荐哪家?