JavaScript对象常用操作方法

来源: https://www.ucloud.cn/yun/129526.html 作者: IT那活儿 发布日期: 发布于2023-01-11 13:20

JavaScript对象常用操作方法

点击上方“IT那活儿”，关注后了解更多内容，不管IT什么活儿，干就完了！！！

什么是对象

在JavaScript中对象是一组元素的相关属性和方法的集合，所有的事物都是对象，例如：日期，字符串，数字，数组，布尔，函数等。

对象是由属性和方法组成的:

• 属性：事物的特征,在对象中用属性来表示(常用名词)
• 方法：事物的行为,在对象中用方法来表示(常用动词)

创建对象的三种方式

**方式一：**利用对象字面量创建对象{}

var person = {  username: "纪云禾",  age: 600,  sex: "女",};alert(person.username);

**方式二：**利用new object创建对象

var csm = new Object(); //创建了一个空的对象csm.userName = "纪云禾";csm.age = 600;csm.sex = "女";// (1) 我们是利用等号=赋值的方法添加对象的属性和方法// (2) 每个属性和方法之间用分号结束console.log(csm.userName);console.log(csm["sex"]);

**方式三：**利用构造函数创建对象

构造函数: 是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,它总与new运算符一起使用。

我们可以把对象中一些公共的属性和方法抽取出来 ，然后封装到这个函数里面。

//我们需要创建四大天王的对象相同的属性: 名字 年龄性别相同的方法: 唱歌//构造函数的语法格式function 构造函数名() {this.属性=值;this.方法= function() {}}new 构造函数名();

function Test(username, age, sex) {  this.name = username;  this.age = age;  this.sex = sex;  this.sing = function (sang) {    console.log(sang);  };}var jyh = new Test("纪云禾", 600, "女"); //调用函数返回的是一个对象console.log(jyh.name);console.log(jyh["sex"]);ldh.sing("与君初相识");var cy = new Test("长意", 700, "男");console.log(cy.name);console.log(cy.age);ldh.sing("与君初相识");

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

定义对象的两种方式

(1) var obj =new Object();(2) per = {}

自定义构造函数

function Test(userName, age, job) {    this.name = userName;    this.age = age;    this.job = job;    sayName = function () {      alert(this.name);     };  }  var jyh = new Person(jyh, 600, "actor");  var cy = new Person(cy, 500, "actor");

new关键词

new在执行时会做四件事情：

• 在内存中创建一个新的空对象；
• 让this指向这个新的对象；
• 执行构造函数里面的代码，给这个新对象添加属性和方法；
• 返回这个新对象所以构造函数里面不需要return。

遍历对象

//遍历对象var jyh = {  userName: "纪云禾",  age: 600,  sex: "女",  fn: function () {},};// for in遍历对象//for(变量in对象){// }for (var k in jyh) {  console.log(k); // k变量输出得到的是属性名  console.log(jyh[k]); //jyh[k]得到是属性值}//我们使用for in里面的变量我们喜欢写k或者key

END

本文作者：池思敏

本文来源：IT那活儿（上海新炬王翦团队）