写在前面
欢迎来到我的专栏,《包装类:赋予原始类型新的可能性》!在这个专栏中,我们将通过数据类型、对象、构造函数、包装类四个层面进行讲解,层层深入,希望你能坚持看下去!
这一节我们来聊聊对象:
对象
在JavaScript中,对象是一种引用数据类型,它允许你将多个值(属性和方法)组织在一个单元中。
我们用一个简单的例子来实现一下对象的操作。
let person ={
name: '小帅',
age: 18,
}
1. 属性的访问和修改
-
访问属性:使用点运算符或方括号运算符来访问对象的属性。
console.log(person.name); console.log(person['age']);//不打引号会被当成变量
小帅
18
-
修改属性:可以通过赋值操作符来修改对象的属性。
person['name'] = '小帅帅'; person.age = 20;
小帅帅
20
2. 属性的增加和删除
-
增加属性:直接赋值即可增加新的属性。
person.girlFriend = '小美'; person['hometown'] = '中国'; console.log(person);
{ name: '小帅帅', age: 20, girlFriend :'小美', hometown : '中国' }
-
删除属性:使用
delete关键字来删除对象的属性。delete person.girlFriend; delete person['hometown']; console.log(person);
{ name: '小帅帅', age: 20 }
3. 方法的定义和调用
-
方法的定义:将函数赋值给对象的属性即可定义对象的方法。
let calculator = { add: function(a, b) {//两数之和 return a + b; }, subtract: function(a, b) {//两数之差 return a - b; } }; -
方法的调用:使用点运算符来调用对象的方法。
let result = calculator.add(5, 3); console.log(result);
8
4. 对象的创建
- 对象字面量 | 对象直接量
var obj ={}
- 构造函数
let obj = new Object()
- 自定义构造函数
function Car(){
this.name = 'BMW'
this.height = '1400'
this.lang = '4900'
this.weight = 1000
}
let car1 = new Car()
console.log(car1);
Car {name: 'BNW', height: '1400', width: '4900', weight: 1000}
以上就是JavaScript中对对象进行的一些基本操作的示例。对象的灵活性和可扩展性使得它成为JavaScript中非常重要的数据类型之一,可以用来构建复杂的数据结构和逻辑,为我们后面的学习铺垫道路。
我们在下一节会针对构造函数进行着重分析,这对包装类的学习至关重要,我在下一节等你!
下一节: 【专栏】包装类:赋予原始类型新的可能性(三) - 掘金 (juejin.cn)
技术小白记录学习过程,有错误或不解的地方还请评论区留言,如果这篇文章对你有所帮助请 “点赞 收藏+关注” ,感谢支持!!