```
const?vm?=?new?Vue({
????????????el:?"#root",
????????????data()?{
????????????????return?{
????????????????????list:?[{
????????????????????????????id:?1,
????????????????????????????name:?'air',
????????????????????????????age:?23,
????????????????????????????height:?23
????????????????????????},
????????????????????????{
????????????????????????????id:?2,
????????????????????????????name:?'ar',
????????????????????????????age:?26,
????????????????????????????height:?30
????????????????????????},
????????????????????????{
????????????????????????????id:?3,
????????????????????????????name:?'ai',
????????????????????????????age:?27,
????????????????????????????height:?43
????????????????????????}
????????????????????],
????????????????????list2:?[{
????????????????????????????id:?1,
????????????????????????????name:?'air',
????????????????????????????age:?23,
????????????????????????????height:?23
????????????????????????},
????????????????????????{
????????????????????????????id:?2,
????????????????????????????name:?'ar',
????????????????????????????age:?26,
????????????????????????????height:?30
????????????????????????},
????????????????????????{
????????????????????????????id:?3,
????????????????????????????name:?'ai',
????????????????????????????age:?27,
????????????????????????????height:?43
????????????????????????}
????????????????????],
????????????????????obj:?{
????????????????????????id:?0,
????????????????????????name:?'',
????????????????????????age:?0,
????????????????????????height:?0
????????????????????},
????????????????????ss:?[],
????????????????????rowIndex:?0
????????????????}
????????????},
????????????created()?{
????????????????this.getData();
????????????????//?過(guò)濾后累加的數(shù)據(jù)握截，偽數(shù)組形式
????????????????this.handle(this.list);
????????????????//?處理操作，filter和map都會(huì)改變?cè)瓟?shù)組烂叔，這里是map
????????????????this.changeData(this.list);
????????????????//?賦值操作
????????????????this.ss?=?this.list;
????????????????//?處理操作谨胞，filter和map都會(huì)改變?cè)瓟?shù)組，同上蒜鸡，這里是filter
????????????????this.inCreace(this.list2);
????????????},
????????????methods:?{
????????????????//?編輯數(shù)組對(duì)象胯努，傳遞一行數(shù)據(jù)過(guò)來(lái)
????????????????editUser(item,?index)?{
????????????????????this.rowIndex?=?index;
????????????????????this.obj?=?{
????????????????????????id:?item.id,
????????????????????????name:?item.name,
????????????????????????age:?item.age,
????????????????????????height:?item.height
????????????????????}
????????????????},
????????????????//?累加處理
????????????????handle(array)?{
????????????????????return?array.map(item?=>?{
????????????????????????const?obj?=?{};
????????????????????????obj.name?=?item.name;
????????????????????????obj.children?=?[
????????????????????????????item.age?>?23???item.age?:?0,
????????????????????????????item.height?>?30???item.height?:?0
????????????????????????]
????????????????????????obj.total?=?obj.children.reduce((pre,cur)?=>?pre+cur);
????????????????????????return?obj;
????????????????????});
????????????????????console.log(this.ss,'ssb');
????????????????},
????????????????//?map遍歷數(shù)組返回修改的對(duì)象key值名字
????????????????changeData(array)?{
????????????????????return?array.map(item?=>?{
????????????????????????item.name?==?'air'???item.name?=?'AIR':?item
????????????????????});
????????????????},
????????????????//?filter遍歷數(shù)組返回修改的對(duì)象key值名字
????????????????inCreace(array)?{
????????????????????return?array.filter(item?=>?{
????????????????????????return?item.name?==?'air'???item.name?=?'AIR':?item
????????????????????});
????????????????}
????????????}
????????})
```
