js把两个数组对象合并成一个一一对应的数组对象

最新推荐文章于 2024-08-26 14:00:09 发布

王湘佰BLOG

最新推荐文章于 2024-08-26 14:00:09 发布

阅读量2.8k

点赞数

分类专栏： VUE专栏笔记 JS 文章标签： vue js

本文链接：https://blog.csdn.net/WXB_gege/article/details/112761993

版权

笔记同时被 3 个专栏收录

25 篇文章 0 订阅

订阅专栏

VUE专栏

22 篇文章 1 订阅

订阅专栏

14 篇文章 0 订阅

订阅专栏

vue做了一个简单的天气demo，其中想把天气指数的数据中每条加一个我找的图片，使用js的api实现，我工作中使用的次数也较少，记录一下。

请求的天气数据：lifeIndexData

在这里插入图片描述
自己的图片数据：arr

最终实现：this.lifeIndexDatas

    lifeIndex(row) {
      var lifeIndexData = row.index;
      var arr = [
        { img: icon1 },
        { img: icon2 },
        { img: icon3 },
        { img: icon4 },
        { img: icon5 },
        { img: icon6 },
      ];
      //关键代码
      this.lifeIndexDatas = lifeIndexData.map((item, index) => {
        return { ...item, ...arr[index] };
      });
      this.dialogTableVisible = true;
    },

成品展示：
在这里插入图片描述