Beherrschen Sie JavaScript-Objekte in einem Artikel

let child={ name = 'Tom', age:8, "favorite cat":'Jerry',}

child.favorite cat = 'Bob'; //语法错误

let child={ name:'Tom', age:8, "favorite cat":'Jerry',}console.log(child['favorite cat']);

let child = { name:'Tom', age:8,}child['favorite cat']='Jerry'; //增加属性child['name']='Bob'; //修改属性delete child['age']; //删除数console.log(child['name']); //查看属性

let child = { name:'Tom', age:8,}let prop = 'name';console.log(child[prop]);prop='age';console.log(child[prop]);

let child = { prop1:0, prop2:1, prop3:2,}let prop = 'prop';for(let i=1;i
在这里，范围属性值的key是通过计算得到的，这一功能用.是不能实现的。
计算属性
在创建对象时，我们还可以通过变量指定对象的键名，此类属性叫做计算属性。
举个例子：
let propName = 'name';let child ={ [propName]:'Tom', age:8,}
         

          Nach dem Login kopieren
         
        

> let propName = 'name'; > let child ={ [propName]:'Tom', age:8, > } > undefined > child > {name: 'Tom', age: 8}

let propName='name';let child = { age:8,}child[propName]='Tom';

let child = {['prop' + 2 * 3]:'Tom',}

> let child = { ['prop'+2*3]:'Tom', } child
属性简写
在实际应用中，或者匿名对象中，我们常常会使用和变量同名的属性，举个例子：
let name = 'Tom';let age = 8;let child = { name:name, //属性名和变量名一样，都是name age:age,};
         

          Nach dem Login kopieren
         
        

let name = 'Tom';let age = 8;let child = { name, // 等同于name:name; age,}

> let name = 'Tom'; let age = 8; let child = { name, age, } child
属性命名
和变量命名不同，我们几乎可以使用任何值作为属性的名称，包括关键字和数字：
关键字作为变量名
虽然听起来不可思议，实际上，所有的关键字都可以作为对象的属性名：
let obj = { for:0, while:1, function:2, alert:3,}
         

          Nach dem Login kopieren
         
        

> let obj = { for:0, while:1, function:2, alert:3, } obj
数字作为关键字
数字也可以作为关键字的名称，如下：
let obj = { 0:'Number',//隐式转换为"0" 1:'Number',}console.log(obj['0']);
         

          Nach dem Login kopieren
         
        

let obj = {};obj.__proto__ = 1;console.log(obj.__proto__);

let obj = {};if(obj.someProp === undefined){ ...}

let obj = { prop : undefined}obj.prop === undefined ? console.log('no'):console.log('yes');

> let obj = { prop : undefined } obj.prop === undefined ? console.log('no'):console.log('yes'); no
虽然prop是存在的，但是以上案例并不能正确的返回结果。
这个时候就需要使用in
let obj = { prop:undefined,};if('prop' in obj){ console.log('yes');}else{ console.log('no');}
         

          Nach dem Login kopieren
         
        

> let obj = { prop:undefined, }; if('prop' in obj){ console.log('yes'); }else{ console.log('no'); }
属性遍历
如果我们不知道对象中都存在什么属性，如何取得所有的属性值呢？
 这时候就需要使用for .. in ..语句了，它类似于for循环，但是更简洁。
语法
for (key in obj){ ...}
         

          Nach dem Login kopieren
         
        

let child = { name:'Tom', age:8, height:180,}for (let key in child){ console.log(key+':'+child[key]);}

> let child = { name:'Tom', age:8, height:180, } for (let key in child){ console.log(key+':'+child[key]); }
属性顺序
当我们创建一个对象并遍历其中所有的属性时，属性是如何排列的呢？答案是：特别的顺序排列，并遵循以下规则：
 
数字属性以数字顺序排列；
 
其他属性按照创建顺序排列；
 
数字属性在其他属性之前；
 
举个例子：
let obj = { name:'Tom', age:99, 7:'7', 1:'1', 9:'9',}for (let key in obj){ console.log(key+':'+obj[key]);}
         

          Nach dem Login kopieren
         
        

> let obj = { name:'Tom', age:99, 7:'7', 1:'1', 9:'9', } for (let key in obj){ console.log(key+':'+obj[key]); }
【相关推荐：javascript视频教程、web前端】