对象 字符串和对象的相互转换

对象

什么是对象?
在Javascript中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等。

为什么需要对象?
保存一个值时,可以使用变量,保存多个值(一组值)时,可以使用数组,如果要保存一个人的完整信息呢?
JS中的对象表达结构更清晰,更强大。

创建对象的三种方式
一、利用字面量创建对象
对象字面量:就是花括号{ }里面包含了表达这个具体事物(对象)的属性和方法

//var obj = {} //创建一个空的对象
var obj = {
   
	uname:'张三丰',
	age:18,
	sex:'男',
	sayHi:function(){
   
		console.log('hi~')
	}
}

(1)里面的属性或者方法我们采取键值对的形式 键 属性名 : 值 属性值
(2)多个属性或者方法中间用逗号隔开的
(3)方法冒号后面跟的时一个匿名函数
2.使用对象
(1)调用对象的属性 我们采取 对象名.属性名 . 我们理解为 的
console.log(obj.uname)
(2)调用属性还有一种方式 对象名[‘属性名’]
console.log(obj[‘age’])
(3)调用对象的方法 sayHi 对象名.方法名( ) 千万别忘记添加小括号

二、利用new Object创建对象

var obj = new Object()	//创建了一个空的对象
obj.uname = '张三丰';
obj.age= 18;
obj.sex= '男';
obj.sayHi = function(){
   
	console.log('hi~');
}

(1)我们是利用 等号 = 赋值的方法 添加对象的属性和方法
(2)每个属性和方法之间用 分号结束
console.log(obj.uname)
console.log(obj[‘sex’])
obj.sayHi()

三、利用构造函数创建对象
我们为什么需要使用构造函数?
//因为我们前面两种创建对象的方式一次只能创建一个对象
//我们一次创建一个对象 里面很多的属性和方法是大量相同的 我们只能复制
//因此我们可以利用函数的方法 重复这些相同的代码 我们就把这个函数称为构造函数
//又因为这个函数 里面封装的不是普通代码 而是对象
//构造函数 就是把我们对象里面一些相同的属性和方法抽象出来封装到函数里面
**构造函数:**是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,它总与new运算符一起使用。我们可以把对象中一些公共的属性和方法抽取出来,然后封装到这个函数里面。
构造函数的语法格式:

function 构造函数名( ){
   
	this.属性 =this.方法 = function( ){
   }
}
new 构造函数名( )

//01.构造函数名字首字母要大写
//02.构造函数不需要return 就可以返回结果
//03.我们调用构造函数 必须使用 new
//04.我们只要new Star()调用函数就创建一个对象 ldh{}
//05.我们的属性和方法前面必须添加 this

//我们需要创建四大天王的对象 相同的属性:姓名 年龄 性别 相同的方法:唱歌
//1.构造函数 明星 泛指的某一大类 它类似于 Java 语言里面的 类(class)
//构造函数 抽象了对象的公共部分,封装到了函数里面,它泛指某一大类(class)
function Star(uname,age,sex){
   
	this.name = uname;
	this.age = age;
	this.sex =<
  • 4
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值