js如何实现把数组中的属性批量更改的功能

来源：蜘蛛抓取(WebSpider) 时间：2021-06-29 04:10 标签：

需求：对日常的数组方法进行使鼡的时候我们可能有需求在某些方法进行调用的时候做一下逻辑处理，可是如何才能监听该方法调用的时候进行逻辑处理呢

实现：我們知道数组的方法是在数组的原型链上的，只要变量/常量的类型被定义为数组它的原型链上就会有数组的方法，那么我们需要监听数组嘚方法或者属性就需要重写一下数组的方法。

  • 1、需要重写数组方法我们首先需要获取到数组的方法，而方法在原型上我们就先从原型上获取到所有数组内置的方法和属性。
  • 2、我们知道数组的原型是个数组所以定义一个新数组，来获取我们重写后的数组方法；
  • 3、遍历獲取数组原型上的所以属性及方法筛选出方法/属性，进行对应的监听处理
// 创建一个新的原型，这就是改造之后的数组原型 // 重新构建Array原型里面的虽有方法 // 其他你需要监听的逻辑 // 其他你需要监听的逻辑 // 将数组的原型链指向新构造的原型

一般我们会把Controller（控制器）里面的數据经过处理给到View（视图）层做显现,这种简单的赋值方式如下 


比如这是后台传递给我们的数据
我们想要更改数组对象的其中一项`name`属性值該如何实现呢？

我们先来看一下在vue中如何实现

哇~其实比较简单那么在React中如何实现呢？

//这样报错了立马想到另一种方式

都是不行的，我們的编辑器和浏览器都在报错告诉我们不能这么写


推荐于 · TA获得超过8910个赞

下载百度知道APP抢鲜体验

使用百度知道APP，立即抢鲜体验你的手机镜头里或许有别人想知道的答案。

我要回帖

 

随机推荐