vue中[ob: Observer]的数组无法遍历

今天开发遇到这样一个问题，记录一下踩坑记录我请求回来的是一个数组，我要通过遍历这个数组将符合要求的数据重新push到一个新的空数组中，然后再遍历这个新数组进行操作，但是过程中发现新数组使用forEach遍历时没有进入循环，打印新数组后如下所示：其实不是数组无法遍历，是我在请求方法外面直接调用了遍历新数组的方法，由于请求是异步的，还没接收到后台返回的数据，也就还没有添加到数组里，遍历时自然没

濮家大少

8256人浏览 · 2020-09-09 16:14:28

濮家大少 · 2020-09-09 16:14:28 发布

今天开发遇到这样一个问题，记录一下踩坑记录

我请求回来的是一个数组，我要通过遍历这个数组将符合要求的数据重新push到一个新的空数组中，然后再遍历这个新数组进行操作，但是过程中发现新数组使用forEach遍历时没有进入循环，打印新数组后如下所示：
在这里插入图片描述
其实不是数组无法遍历，是我在请求方法外面直接调用了遍历新数组的方法，由于请求是异步的，还没接收到后台返回的数据，也就还没有添加到数组里，遍历时自然没有内容。

数组为空，但是点开又有数据是因为开始空数组没赋值，赋值之后，因为是地址引用，那个数组已经被修改了，原来的长度是0，但包含修改后的结果。

修改正常后的打印效果如下：
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^