前言
前端页面中 我要对接口返回的数组数据进行处理、处理代码代码如下图:
![](https://ucc.alicdn.com/sqwzxd2m3mcv6_20240821_6efdff512dbd4085a3157a9d4752209c.png?x-oss-process=image/resize,w_1400/format,webp)
然后运行的时候,前端页面没有展示出来数据,控制台报错如下:
![](https://ucc.alicdn.com/sqwzxd2m3mcv6_20240821_d8000f23451940519905ffad9f58d756.png?x-oss-process=image/resize,w_1400/format,webp)
我将接口返回的数据打印到控制台,是正确的
![](https://ucc.alicdn.com/sqwzxd2m3mcv6_20240821_fafcc85803c24bf38fe9240218bc6a18.png?x-oss-process=image/resize,w_1400/format,webp)
解决方法
array.map方法必须是“数组.map”,就是只用数组才有.map方法,若出现类似报错,请检查你调用.map方法的数据,到底是不是数组
我又重新检查了一下代码 和 后端返回数据取值,发现两个不一样,如下图:
![在这里插入图片描述](https://ucc.alicdn.com/sqwzxd2m3mcv6_20240821_5e636e4efbd342b986bddfa6c522e978.png?x-oss-process=image/resize,w_1400/format,webp)
绝了、取列表数据的时候取错了。昨天还是正常的呐,应该是我改造系统代码的时候,将后端返回的接口数据 集合字段的值改了。
![在这里插入图片描述](https://ucc.alicdn.com/sqwzxd2m3mcv6_20240821_a514a55d9dab4ba581986f12b3005134.gif)