JavaScript自增创建对象

在两个数组中循环判断属性值,如果条件为true,在数组中创建一个对象保存值,有多个属性值创建多个对象。

在data中创建数组

data(){
  return{
    cc:[]
  }
}

上代码

let a = [
      {type:'data',value:'a'},
      {type:'data1',value:'v'},
      {type:'data',value:'b'},
      {type:'data',value:'c'},
      {type:'data',value:'d'}]
let b = [{name:'data'}]


let aa = a.filter(
   function (item){
      return (item.type == b[0].name)
  }  
)
aa.forEach((item, index) => {
    let bb = {}
    bb.value = item.value
    this.cc.push(bb)
    console.log(this.cc)
})

vue 使用let和data的区别

为什么在vue的data中定义一个数组,就可以把每次点击获取到的值一一push进去,用let定义一个数组,就不可以。也许是因为let的特性吧,每次都会是一个最新的。
data里是这样的


data创建

let 里创建


let创建

你可能感兴趣的:(JavaScript自增创建对象)