数组里面对象改变,响应失效

问题:

如果在1后面去打印answerArray2[index].showTranlate 会打印为更改的结果,如果是

打印answerArray2[index],那么并不会打印出修改的结果,在页面上也显示不了修改之后的结果,这样的情况就要考虑响应丢失,

原因:可能是因为你使用的是 JavaScript 中的 Proxy 对象,而 Proxy 本身只会拦截对象的操作,而不会拦截对象内部元素的操作。当你尝试更改 proxy 数组里面数组元素对象的数据时,Proxy 对象并不会感知到这个操作,因此不会触发代理。

如果你想要实现深层次的代理,你可能需要递归地为数组中的每个对象创建 Proxy。这样,当你尝试更改数组元素对象的数据时,会触发相应的代理。

方法一

const originalArray = [{ data: 42 }, { data: 99 }];

const proxyArray = new Proxy(originalArray, {

  get: function(target, prop, receiver) {

    // 拦截数组元素对象的读取操作

    const value = Reflect.get(target, prop, receiver);

    return typeof value === 'object' ? new Proxy(value, handler) : value;

  },

  set: function(target, prop, value, receiver) {

    // 拦截数组元素对象的写入操作

    return Reflect.set(target, prop, value, receiver);

  },

});

// 通过代理修改数组元素对象的数据

proxyArray[0].data = 100;

// 输出修改后的值

console.log(originalArray[0].data); // 输出 100

方法二:

answerArray = answerArray2,把整个answerArray重新替换,数据量小的情况,用这个,多的情况用方法一

  • 7
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值