js数组数据和对象数据做比较,并改变数组的值

最新推荐文章于 2023-05-24 16:33:44 发布

ze1024

最新推荐文章于 2023-05-24 16:33:44 发布

阅读量1.4k

点赞数

分类专栏： js 数组 vue 文章标签：数组赋值对象与数组对比

本文链接：https://blog.csdn.net/ze1024/article/details/120702768

版权

js 同时被 3 个专栏收录

15 篇文章 1 订阅

订阅专栏

vue

7 篇文章 1 订阅

订阅专栏

数组

4 篇文章 0 订阅

订阅专栏

本文介绍如何使用JavaScript比较对象objA中的eventName与数组formSearchs中name字段，当匹配时更新数组元素的value。通过getObjKeys()获取对象键值并转化为数组，changeData()方法实现数组元素值的动态更新。适合前端开发者学习数据处理技巧。

摘要由CSDN通过智能技术生成

js对象数据和数组里面的数据比对,并改变数组的数据

实现背景

在这里插入图片描述

如图:现在想比对 objA对象和数组formSearchs的数据,判断当formSearchs里面的对象的name和objA里面的eventName相等的时候给formSearchs对象里面的value 赋值

实现代码

html

        <el-button @click="changeData">改变</el-button>

下面是mounted

            this.getObjKeys()

下面是methods

            // 获取对象的key值,并转换成数组的形式
            getObjKeys() {
                const {
                    objA
                } = this
                let newArray = []
                let items
                for (items in objA) {
                    newArray.push({
                        name: items,
                        value: objA[items]
                    })
                }
                console.log('newArray', newArray)
                this.newArray = newArray
            },
            // 改变数组里面的value值
            changeData() {
                const {
                    formSearchs,
                    newArray
                } = this
                newArray.forEach(item => {
                    formSearchs.forEach((i, index) => {
                        i.name == item.name ? i.value = item.value : ''
                    });
                });
                console.log('改变后的数据', formSearchs)
            },