JavaScript对象常用操作方法

什么是JavaScript对象？

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

JavaScript对象常用操作方法

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

创建JavaScript对象的三种方式：

三种创建JavaScript对象的方式

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

使用大括号{}创建对象：


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

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

使用new Object()创建对象：


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

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

使用构造函数创建对象，例如创建四大天王的对象：


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；
我们只要newStar()调用函数就创建一个对象ldh{}；
我们的属性和方法前面必须添加this。

两种JavaScript对象的定义方式

在JavaScript中，定义对象的方式有两种：

var obj = new Object();
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");

JavaScript对象的遍历方法

JavaScript对象的遍历方法有很多，其中最常用的是for-in循环：


var jyh = {
  userName: "纪云禾",
  age: 600,
  sex: "女",
  fn: function(){}
};
//for-in遍历对象
//for(var 变量 in 对象){
//  ...
//}
for (var k in jyh) {
  console.log(k);//k变量输出得到的是属性名
  console.log(jyh[k]);//jyh[k]得到是属性值
}

以上就是JavaScript对象常用的操作方法。

原创文章，作者：小编小本本，如若转载，请注明出处：https://www.benjiyun.com/yunzhujiyunwei/vps-yunwei/6317.html