vue中向一个数组中的每一个对象里添加一个属性

最新推荐文章于 2024-06-27 11:15:53 发布

置顶潇梦颜

最新推荐文章于 2024-06-27 11:15:53 发布

阅读量1.1w

点赞数 7

CC 4.0 BY-SA版权

文章标签：接口 vue.js html5 css3 es6

本文链接：https://blog.youkuaiyun.com/weixin_42216520/article/details/114917019

本文介绍了一种从文件名中提取特定信息并将其挂载到数据对象的方法。通过三种不同的实现方式，展示了如何利用JavaScript中的split方法来处理文件名，从中提取文件的基本名称和扩展名，并将这些信息作为属性添加到每个数据对象中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 val.fileNmeC = val.fileName.split('_')[0]
            val.ddc = val.fileName.split('_')[1].split(".")[1]
            console.log("aa",val.ddc)

实现此功能的数据处理方法，总结了如下三种方法，

主要核心思想就是把要添加到这个数组对象里的属性去挂载到这每一个对象里

方法一：直接挂载 (推荐)

if (res.code === 200) {
//res.data接口返回的数据
      res.data.forEach(val => {
     // val.fileNmeC、val.fileNmeSty 在val上添加的挂载名字，（自定义即可） 

        //val.fileName 直接取这个需要处理的数据，split字符串方法进行切割，
        // 其结果是切割成一个数组 val.fileName.split('_')
        //用下标0 去取数组的第一项，即可把文字部分取出来
       
         val.fileNmeC = val.fileName.split('_')[0]

         //通过'.'去分隔，拿到一个数组，然后取数组的第二项，下标为0 可取出扩展名 ‘doc’
              val.fileNmeSty = val.fileName.split('.')[1] 
           
          })
          this.formation = res.data
          console.log('aaAA', this.formation)
  }

方法二： val["typeS"]




if (res.code === 200) {
//res.data接口返回的数据
      res.data.forEach(val => {
      // val['ileNmeC']、val['fileNmeSty'] 在val上添加的挂载名字，（自定义即可） 
      //val.fileName 直接取这个需要处理的数据，split字符串方法进行切割，

        // 其结果是切割成一个数组 val.fileName.split('_')
        //用下标0 去取数组的第一项，即可把文字部分取出来 
         val["fileNmeC"] = val.fileName.split('_')[0]  
 
       //通过'.'去分隔，拿到一个数组，然后取数组的第二项，下标为0 可取出扩展名 ‘doc’
         val["fileNmeSty"]= val.fileName.split('.')[1] 
           
          })
          this.formation = res.data
          console.log('aaAA', this.formation)
  }

方法三： this.$set(val,'name',arr)

 
  

if (res.code === 200) {
//res.data接口返回的数据
      res.data.forEach(val => {
        this.$set(val,'ileNmeC',arr)

      //  ileNmeC fileNmeSty  在val上添加的挂载名字，（自定义即可） 
      //val.fileName 直接取这个需要处理的数据，split字符串方法进行切割，

        // 其结果是切割成一个数组 val.fileName.split('_')
        //用下标0 去取数组的第一项，即可把文字部分取出来   
         this.$set(val,'fileNmeC', val.fileName.split('_')[0])

       //通过'.'去分隔，拿到一个数组，然后取数组的第二项，下标为0 可取出扩展名 ‘doc’
         this.$set(val,'fileNmeSty', val.fileName.split('_')[1]) 
           
          })
          this.formation = res.data
          console.log('aaAA', this.formation)
  }