前端 —— JavaScript 基础篇(9 ---object 对象)

本文介绍了JavaScript中的对象,作为引用类型的重要组成部分,对象包含了多个值。文章详细讲解了对象的属性、方法、如何访问属性和方法,以及使用for/in语句遍历对象。还通过实例展示了如何创建对象、定义属性和方法,并演示了如何判断并执行对象的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在第一篇中讲到数据类型:基本数据类型 和 引用类型。object 对象属于引用类型
Object(对象) 是在所有的编程语言中都十分重要的一个概念,对于事物我们可以把他们看作是一个对象,而每一个事物都有自己的表示的属性和对于某一信息作出的相应的操作。而这些东西就变成了事物的属性和方法。

object:对象也是变量。但是对象包含很多值。

语法:

值-------名称 : 值对 的方式来书写(名称和值由 冒号 分隔)。
每个值之间通过逗号来分隔。

  • 对象直接量: 直接通过花括号包裹的键值对的形式来定义当前对象。
var obj = {
	// 属性:'属性值'
}

比如:汽车有诸如车重和颜色等属性,也有诸如启动和停止的方法
再比如:人有身高、体重、性别等特征,

实例 1:

var obj = {
	users:'张三',
	age:33,
	sex:'男',
	like:function () {
		console.log('博览群书')
	},
	sports:function (){
		console.log('武术')
	}		
}
console.log(obj.users); //张三
obj.like();  //博览群书
  • 构造函数 来创建对象:
    实例 2:
var obj02 = new Object();
	obj02.users = 'lucy',
	obj02.age = 21,
	obj02.sex = '女';
console.log(obj02);//{users: "lucy", age: 21, sex: "女"}

对象属性

JavaScript 对象中的 名称:值对 被称为属性。

属性属性值
users张三
age33
sex
likefunction ()
sportsfunction ()

对象方法

对象也可以有方法。方法是在对象上执行的***动作***。
方法以 函数定义 被存储在属性中。
方法是作为属性来存储的函数

属性属性值
likefunction () { console.log(‘博览群书’) }
sportsfunction (){ console.log(‘武术’) }

访问对象属性和方法

// 访问对象的属性 两种方式都可以
console.log(obj.users); //张三	 对象的users属性 
console.log(obj['users']);  用 [ ] 来表示 属性名用引号括起来  对象['属性名']

//访问对象的方法   
obj.like();  //博览群书

// 如果不使用 () 访问 like 方法,则将返回函数定义
obj.like; //    ƒ () {
			      console.log('博览群书')
		        }

遍历对象 for/in 语句

for/in 语句:用于循环对象属性
实例: 以上面的实例1中 定义的对象为例

for(var k in obj){
	console.log(k); // users age sex like sports
}
// 打印出属性值:用中括号来表示
for(var k in obj){
	console.log(obj[k]); // 结果如下图
}

在这里插入图片描述
如何让 属性中的方法的语句执行呢 就要判断一下l, 如果是 函数 就执行函数的语句,不是就打印出属性值
instanceof 来判断变量是否为 function ,返回 true / false 。如果为真就执行函数。

for(var k in obj){
	if(obj[k] instanceof Function){
			obj[k]();//博览群书  武术  为真 就执行函数
		}else{
			console.log(obj[k]) //张三 33 男
		}
}

这一章就先写到这里啦,欢迎大家多多提意见。如有错误请留言,我会及时改正。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值