JavaScript对象的基本操作方法

JavaScript对象是拥有属性和方法的数据
与数组的区别：数组是索引值 —> 数据，对象是键值对形式 键名 —>数据 键名=数值的形式，对象的属性/键名功能就类似于数组的索引下标

对象的声明方式
①字面量方式声明：
对象当中的数据必须是键值对形式 / 属性 属性值，必须自己定义数据的键名 和数据的数值，键名 : 数据
键名的命名规范 : 推荐使用英文字母，数字形式，不能以数字开头，键名不用写引号
键名/属性 是name存储的数据/属性值是张三，如果是多个对象，使用逗号间隔
控制台显示时，有时会按照属性的首字母来显示内容， 但是不是改变程序中属性的顺序，不用去管，不影响程序执行

var object = { name:'张三' , age:18 , sex:'男'};
console.log(object);
// 数组中,直接定义数据,索引是JavaScript程序自动添加的
var arr = [1,2,3,4,5];
console.log(arr);

②内置构造函数方法

var obj2 = new Object();

对象的基本操作方法
建立一个空对象：

var obj = {};

给对象新增单元：
方法①对象变量名称[‘键名’] = 数值。键名是不存在的键名，就是新增对象单元操作，使用[]语法键名必须要添加引号

obj['name'] = '张三';

方法②对象变量名称.键名 = 数值，使用.语法，键名不要加引号

obj.sex = '男';

方法③键名是变量的形式，对象新增单元的键名是存储在变量中的，此时只能使用 [] 形式来给对象新增单元，并且此时的变量名称不要添加引号
如果使用 [] 语法，str变量会被解析为age数据内容
如果使用 . 语法，str变量不会被解析，会被直接操作为str键名
就类似 ‘变量’ 不解析变量，变量名称就是字符串
${变量} 模板字符串，解析变量的

var str = 'age' ; 
// []语法,解析变量,添加单元键名是 age
obj[str] = 180;
console.log(obj);

如果是变量，存储键名必须使用[]语法
如果是正常添加，推荐使用 .点语法
调用操作 对象.键名 或者 对象[键名]
点语法不能解析变量
数组和对象是相同的，调用不存在的键名和索引，执行结果都是undefined

console.log(obj.name);
console.log(obj.sex);
console.log(obj['sex']);
console.log(obj.str);   // 不会解析str为age,只会直接执行obj.str,执行结果是
console.log(obj[str]);  // 变量必须使用[]语法来执行

修改对象存储的数据：对已经存在的键名进行赋值，是修改之前的数据

obj.name = '韩梅梅';
obj['sex'] = '女';
// 变量,只能使用[]语法,不要加引号
obj[str] = 18;

对象中的函数：对象中的数据，也就是对象的属性值，可以是JavaScript支持的任意数据类型

var obj = {
name:'张三',
age:18,
marry:true,
o:{a:100,b:200},
arr:['北京','上海','广州'],
// 在对象中定义函数,类似于匿名函数，函数是没有函数名称的
// 函数的内存地址,存储在对象的属性中
// 对象.属性()  就类似于 匿名函数 变量名称()
// 此时是在调用函数,并且执行函数 
fun:function(){
console.log('我是对象中的函数')
}
}
console.log(obj);
obj.fun()//调用并且执行存储在对象中的函数/方法

对象中的函数可以调用对象的属性和属性值

var obj2 = {
            name : '张三',
            age : 18,
            fun : function(){
                // 在对象内部的函数中,调用对象的属性和属性值
                console.log( obj2.name , obj2.age )
            }
        }

        obj2.fun();

var woshibeichuangjiandedisangeduixiang3 = {
            name : '李四',
            age : 28,
            fun : function(){
                // 调用对象的属性,理论上应该是 对象名称.属性
                // 函数中有一个专有属性,叫this,可以起到指代的作用
                // 所谓的指代,也就代替,替换
                // 替换的内容,是调用函数之前,也就是 . 点之前的内容
                // 此时 this 指代的 就是这个对象
                console.log( this.name , this.age );

                console.log(this);
            }
        }
        // 此处在调用函数,点之前的内容是对象
        woshibeichuangjiandedisangeduixiang3.fun();