ERROR TypeError: Cannot read property ‘length‘ of undefined

maozuai~zi

已于 2022-03-26 09:31:38 修改

阅读量7.2k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： angular常见报错文章标签： angular.js typescript javascript

于 2021-05-24 14:02:08 首次发布

本文链接：https://blog.csdn.net/qq_36557846/article/details/117222253

angular常见报错专栏收录该内容

14 篇文章

订阅专栏

本文介绍了在Angular中遇到的典型错误：TypeError: Cannot read property 'length' of undefined，该错误通常在尝试访问未定义的数据时出现。当从接口获取的数据为空时，会导致此错误。解决方案包括在定义变量时初始化为空数组，以及在访问数据长度之前进行数据非空检查。通过使用条件判断data!=undefined&&data!=null&&data.length>0，可以避免出现length undefined的错误，确保在数据可用时才进行处理。

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

angular常见报错：

ERROR TypeError: Cannot read property ‘length’ of undefined

问题描述：
获取的数据不为空时没有这个错误，当获取的数据为空时报这个错误
在这里插入图片描述
解决方法：
定义变量data的同时赋值为空
data = [];

解决方法二

在这里插入图片描述
描述：
使用接口获取的数据判断data.length >0 会length undefined的错误
修改如下
data != undefined && data != null && data.length > 0

this.getNotice(this.searchValue, this.zhiji, this.page).then(data => {
		//使用data != undefined && data != null && data.length > 0判断就不会有length undefined
		if ( data != undefined && data != null && data.length > 0) {
			this.dataList = data
		} else {
			this.nodata = true
		}
	}