js-对象

Posted lr夕阳

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js-对象相关的知识,希望对你有一定的参考价值。

js-对象(简述)

        (1)  什么是对象

              现实生活中:万物皆对象,对象是一个具体的事物,一个具体的事物就会有行为和特征。

     javascript中的对象其实就是生活中对象的一个抽象,
      其属性可以包含基本值、对象或函数。
对象就是一组没有顺序的值。我们可以把JavaScript中的对象想象成键值对,其中值可以是数据和函数。

   (2)  本质: 键值对;  

          (3)  意义:存储数据和编程;

          (4)  创建方式:

        1.  通过new关键字创建对象:

                                 

var obj = new Object();
// 添加属性
obj.name = "admin";
// 添加方法
obj.show = function () {
    console.log( "我是"+this.name );
};

                        2.  通过字面量创建对象

   

var obj = {
    name : "zhangsan",
    age : "18",
    show : function () {
        console.log(‘‘我是‘‘+this.name+"年龄"+this.age);
    }
};

                        3.  通过构造函数创建对象

function Person(name, age) {
    this.name = name;
    this.age = age;
    this.say = function(name) {
        console.log("你好: " + name + "!");
    };
}

// 创建两个Person对象
var person1 = Person("admin1", 18);
var person2 = Person("admin2", 28);

      (5) 属性和方法

                 如果一个变量属于一个对象所有,那么该变量就可以称之为该对象的一个属性,属性一般是名词,用来描述事物的特征

                 如果一个函数属于一个对象所有,那么该函数就可以称之为该对象的一个方法,方法是动词,描述事物的行为和功能

            (6) 访问对象的属性和方法

                  1.点语法:

                          形为: 对象.具体属性或方法;

                   2.中括号语法:

                          形为:  对象[变量]  或   对象["具体属性或方法"];

                  区别:中括号法可以用变量作为属性名,而点语法不可以;
        中括号法可以用数字作为属性名,而点语法不可以。

var obj = {
    name : "xiaoming",
    age : 18,
    123:123,
    show : function () {
        console.log("我是"+this.name+"年龄"+this.age);
    }
};
console.log(obj["name"]);   // 输出:"xiaoming"
console.log(obj.name);   // 输出:"xiaoming"
var age = "age";
console.log(obj[age]);      // 输出:18
console.log(obj["123"]);    // 输出:123

          (7) 对象的遍历

var obj = {
    name : "xiaoming",
    age : 18,
    123:123,
    show : function () {
        console.log("我是"+this.name+"年龄"+this.age);
    }
};
for(var i in obj){
    console.log(i)//输出的是key;  
}

       (8)删除对象的属性(最好不用):

                     delete  对象.属性/方法

              

 

  

 

以上是关于js-对象的主要内容,如果未能解决你的问题,请参考以下文章

js代码片段

VSCode自定义代码片段12——JavaScript的Promise对象

VSCode自定义代码片段12——JavaScript的Promise对象

AJAX相关JS代码片段和部分浏览器模型

web代码片段

为什么我不能在此片段中生成唯一对象数组?