5.19obj和arr常用

Obj

obj属性的获取和设置

1. obj.name
2. obj[‘name’]

备注：两者的区别，. 后面默认就是字符串（常量）
但是 [ ] 里面可以是常量，也可以是变量

  var obj = {
    name:'zs',
    age=12
  }
  var a = 'age'
  console.log(obj[a])

因此在for … in 循环中也只能用obj[key]来获取值

obj属性的删除

var obj = {
    name:'zs',
    age=12
  }
delete obj.name

obj检测属性

1. in

ar obj = {
   name:'zs',
   age=12
 }
 console.log('name' in obj)

2. hasOwnProperty是对象的方法

ar obj = {
   name:'zs',
   age=12
 }
 console.log(obj.hasOwnProperty('name'))

参数能是字符串，也能是变量。但是记住对象的键值本质是字符串，在这里就必须要加引号

3.两者的区别
in能检测自有属性，也能检测继承属性，但是hasOwnProperty只能检测自有属性

4. 扩展：原型继承

function Test() {} //构造函数
Test.prototype.name='abc'; //原型继承，继承父亲的属性

obj的遍历

for … in

var obj = {
   name:'zs',
   age=12
 }
 for (var key in obj) {
  console.log(key) // name age
  console.log(obj[key]) //zs 12
}

key:为键（属性名）
obj[key]:为值（属性值）

arr

arr的遍历

1. forEach map

arr.forEach((item,index) => {
  console.log(index)
  console.log(item)
})

两者的区别： forEach没有返回值，但是map有返回值
forEach里面的return没用

map返回的数组

var arr = [{id:1,name:'zs'},{id:2,name:'ls'},{id:3,name:'ww'}}]
arr.map((item,index) => {
  return {id: item.id} //[{id:1},{id:2},{id:3}]
})

arr常用的方法

filter every some

1. filter (筛选：返回一个数组，不影响原数组)

var arr = [{id:1,name:'zs'},{id:2,name:'ls'},{id:3,name:'ww'}}]
var arr1 = arr.filter((item,index) => {
  return item.id>1
})

return + 条件

2. every(所有的元素度满足条件则返回true，否则返回false)

var arr = [{id:1,name:'zs'},{id:2,name:'ls'},{id:3,name:'ww'}}]
var flag = arr.every((item,index) => {
  return item.id>1
})//false

3. some(只要有一个元素满足条件则终止循环，返回true，用法和every相同)

4. reduce（累加器）

var initValue = 0;(不传默认为0)
var arr = [1,2,3];
arr.reduce((total,cur) => {
 return total+cur
},initValue)//6

total：每次累加后的结果
cur：当前值

深浅拷贝

存储结构 （堆栈）=》深浅
深：直接赋值后，改变一个值，不影响原来的值

实现深拷贝的方法

1. arr.slice（0） arr.concat()
   缺点：只能实现一维数组，多维不行

2. new一个新数组然后赋值（太麻烦）

3. 序列化：JSON.parse(JSON.stringify(obj))（对象）
   缺点：数组中不能有function,undefined …

4. Object.assign(obj1,obj2) //对象合并，返回一个新的对象（有则覆盖，无则添加）
   一层的时候是深拷贝，但是多层的时候是浅拷贝

封装深拷贝

function deepClone(obj) {
   const targetObj = obj.constructor === Array ? [] : {};
   for(let keys in obj) {
       if (obj.hasOwnProperty(keys)) {
          if (obj[keys] && typeof obj[keys] === "object") {
                //递归
                 targetObj[keys] = deepClone(obj[keys]);
          } else {
              targetObj[keys] = obj[keys];
           }
       }
   }
   return targetObj;
}