🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 一切皆对象 ### 1.什么是对象 世间任何一个我们需要进行研究的事物都是一个对象。对象具有状态,一个对象用数据值来描述它的状态。对象还有操作,用于改变对象的状态,对象及其操作就是对象的行为。 ### 2.怎样构造对象 ```javascript var person={ "name":"小明", "age":"18", "like":function(){ return "喜欢打篮球,弹吉他" } } var person=new Object(); person.name='小明'; person.sex='男'; person.method=function(){ return this.name+this.sex; } ``` ### 3.属性的操作 有两种方式读取对象的属性,一种使用点运算符,还有一种是使用方括号运算符。 ~~~javascript var obj = { name : "Tom", age : 27, sex : true, 3:"333" }; console.log(obj.name); // Tom console.log(obj["name"]); // Tom console.log(obj[3]); // 333 ~~~ ### 4.检查变量是否声明 在判断属性在变量中是否存在的时候,我们一般使用in运算符进行判断,虽然直接(obj.score)有时也会达到一样的效果,但是有漏洞,比如socre的属性为“”或false时,就会达不到预期的效果。 ~~~javascript var obj = { name : "Tom", age : 27, sex : true, 3:"333", score : "" }; if (obj.score) { console.log("score is exist"); } else { console.log("score is not exist"); } // score is not exist // 要求使用 in 这种严谨的判断方式 if ("score" in obj) { console.log("score is exist"); } else { console.log("score is not exist"); } // score is exist ~~~ ### 5.属性的赋值 可以通过点操作符和方括号操作符对对象的属性进行赋值。 Javascript允许对对象的属性进行“后绑定”,你可以在变量声明后的任意时刻,新增属性,并进行赋值,没有必要在对象定义的时候,就把对象的属性都定义好。 ~~~javascript var tobj = {}; tobj.name = "Jack"; tobj["age"] = 20; console.log(tobj.name + " " + tobj.age ); // Jack 20 ~~~ ### 6.查看所有属性 通过Object.keys(obj)方法获取到所有的属性数组 ~~~javascript var tobj = {}; tobj.name = "Jack"; tobj["age"] = 20; console.log(Object.keys(tobj)); ["name","age"] ~~~ ### 7.delete命令 delete命令用于删除对象的某个属性,如果删除成功,返回true。 ~~~javascript var tobj = {}; tobj.name = "Jack"; tobj["age"] = 20; console.log(tobj.name + " " + tobj.age ); console.log(Object.keys(tobj)); // ["name","age"] delete tobj.name; console.log(tobj.name); // undefined console.log(Object.keys(tobj)); // ["age"] ~~~