JS-对象-1

2021-03-06

对象使用解构

多层对象的解构操作


//现在我想要单独把subs（嵌套的对象）取出来
let obj = { name:'obj',subs:{ title:'d' } };
let { name,subs:{ title } }=obj;
console.log(name,title);//obj d

对象的解构的默认值实现合并的操作

比如说我想实现一个函数，在我没有传递参数的时候，函数运行时使用默认值，传递参数后，覆盖默认值

   function f1(options = {}){//注意：此处一定要初始化形参为为空对象否则 f1不传递参数时会报错：TypeError: Cannot read property 'width' of undefined
    let { width=100,height=200 } = options;
    console.log(width,height);
}

f1();//100 200
f1({ width:1 });//1 200
f1({ width:300,height:20 });//300 20

assign实现合并

let a ={a:1};
let b ={b:1};
let c =Object.assign(a,b);
//{a: 1, b: 1}

/* 那么我也可以构造一个函数实现默认值覆盖 */
function load(params){
let option = {
    size:1000
}
Object.assign(option,params);
console.log(option);
}
load({ size:200,type:'jpeg' });//{size: 200, type: "jpeg"}
load({size:200});//{size: 200}

对象属性的增加和删除

//增加
obj.name = 'xxx';
obj["name"] = 'xx'
//删除
delete obj.name

检测属性

obj.hasOwnProperty('age');//判断当前对象上（不涉及原型链）有没有属性

//包含原型链：in 关键词
"属性" in obj

计算属性

 let obj = {
      name:'l'
  };
  let lesson = 'js';
  obj[lesson] = 99;
  console.log(obj);
  /* 
  {
  "name": "l",
  "js": 99
  }
  */
 /* 可以发现当obj[lesson]时，先计算了lesson的值，后将其值的内容放入属性中 */

 let l = [
     {
         title:'css',
         grade:90
     },
     {
         title:'js',
         grade:93
     }
 ]//后台经常传入类似的结构，但我想要通过一个属性名获取一个对象，该怎么操作？

let re=l.reduce((obj,cur,index)=>{
     obj[`user-${cur.title}-${index }`] = cur;
     return obj;
 },{});
 console.log(JSON.stringify(re,null,2));

 /* 
 {
  "user-css-0": {
      "title": "css",
      "grade": 90
      },
  "user-js-1": {
      "title": "js",
      "grade": 93
      }
  }   
 */