vue.2.0 使用Array.som((item) =＞ {)e循环试图更改item的值为新的对象出现的问题

Heigl swift

于 2021-10-17 21:14:19 发布

阅读量446

点赞数

文章标签： vue.js html5 javascript

本文链接：https://blog.youkuaiyun.com/helgeal/article/details/120816232

版权

本文探讨了在Vue 2.0中遇到的一个关于数组循环处理的问题，作者指出在使用some()方法时，对数组元素进行修改的误区。文章详细分析了如何正确地更新对象属性，强调了JavaScript中对象引用的概念，并提醒开发者注意避免常见的数据操作陷阱。

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

前言

这个问题的出现我归因于对数组循环处理的量太少，当时出错的时候我已经是意识到item存储的是新对象的地址，但是我依旧是想了挺久的才发现了问题所在

引入VUE.2.0的关键代码

let vm = new Vue({
            el: '#app',
            data: {
                falg: false,
                students: data.rows,
                student: data.rowtemplate,
            },
            methods: {
                addstudent() {
                    if (this.falg) {
                        this.falg = false;
                        this.students.some((item) => {
                            console.log(item.Id);
                            if (item.Id == this.student.Id) {
                                // item = {}; //无用
                                // console.log(item); //这里的itme 并不是原来的this.students[index]
                                item.Id = this.student.Id;
                                item.Name = this.student.Name;
                                item.Age = this.student.Age;
                                item.School = this.student.School;
                                item.Remark = this.student.Remark;
                                // console.log(item);
                                return true;
                            }
                        });

当时思考所出现的差错

在当时我一直是认为item 是原来的students[index]对应的那个对象但是其实不是，item和students[index]不过是同时指向同一个对象的不同变量；当令item 指向一个新的对象时，students[index]就和item无关了，但这里用到了some（）循环，我那是是以为item是全等于students 的