# JavaScript对象常用操作方法

> 作者/来源: UCloud 运营管理员
> 发布时间: 2023-01-11T05:20:00.000Z
> 分类: 其他
> 标签: Java
> 原文链接: http://117.50.162.249:3000/yun/articles/1368

---

# 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那活儿（上海新炬王翦团队）

![](https://ucloud-blog.cn-bj.ufileos.com/articles/129526/images/129526_000.png)