js中对Object对象（或者json对象=_=）的一些常用操作总结

桃扇骨 2022-01-27 00:59 259阅读 0赞

# delete #

用于删除对象的某个属性

var obj={ "a":1,"b":2}
    delete obj.a
    // obj = {"b":2}

# 遍历对象 #

## 使用`for...in...` ##

let x ={ "name":"李明","age":12}
      for(let i in x){ 
        console.log(i);
      }

结果  
![在这里插入图片描述][20190529183314229.png]

## 转为数组再遍历 ##

### 直接value ###

let x ={"name":"李明","age":12}
      Object.values(x).forEach(value => {
        console.log(value)
      });

### 间接通过keys ###

let x ={"name":"李明","age":12}
      Object.keys(x).forEach(value => {
        console.log(x[value])
      });

结果

![在这里插入图片描述][20190606172755702.png]

# 拿取对象的keys #

let x ={ "name":"李明","age":12}
      var y = Object.keys(x)
      console.log(y)

结果  
![在这里插入图片描述][2019060617215941.png]

# 拿取对象的values #

let x ={ "name":"李明","age":12}
      var y = Object.values(x)
      console.log(y)

结果  
![在这里插入图片描述][20190606172339523.png]

# 赋值 #

Object赋值，在第一层为止的情况下，只能一层一层的赋值，否则会报错

## 正常赋值 ##

let x = {}
      x.a={}
      x.a["name"]="李明"
      console.log(x)

结果  
![在这里插入图片描述][20190606174257449.png]

## 注意 ##

上面的代码如果name不加双引号

let x = { }
      x.a={ }
      x.a[name]="李明"
      console.log(x)

![在这里插入图片描述][20190606174510365.png]

会导致键为空

## 第一层未知而赋值多层会报错 ##

let x = { }
      x.a["name"]="李明"
      console.log(x)

![在这里插入图片描述][20190606174651617.png]

# 对象合并 #

使用**Object.assigin()**

[20190529183314229.png]: /images/20220127/c59a13e7e1a348eb94af1b50080d60d9.png
[20190606172755702.png]: /images/20220127/f1910d6ef5874470a0337f0caa6213fb.png
[2019060617215941.png]: /images/20220127/ed5bfee4ae3a43e6860bc7b3f55ffdd7.png
[20190606172339523.png]: /images/20220127/24653eb8ffdc428cbf9c277dee69e132.png
[20190606174257449.png]: /images/20220127/009764dc249f4cbf84e739703aba25a0.png
[20190606174510365.png]: /images/20220127/e48c49af428b40b0865e75eecaf6505f.png
[20190606174651617.png]: /images/20220127/2f00dc410653402f8abbee10e65f080b.png