JavaScript数组有值,但是长度为0
代码
打印如图
原因
遇到这种情况,基本上都是一点,你的数组数据来源是异步请求产生的(例如 ajax/axios ),就比如你在ajax的success回调中没有直接使用这个数据,而是赋予了一个全局变量,你此时在ajax的下方打印这个全局变量,便会出现上面的数组有值而长度为0的状况,如图
如此现象呢就是因为你的异步请求还在请求过程中,但是你的代码已经走到了打印那一行,全局变量是个空数组没赋值,我们打印的是这个变量的引用地址,异步赋值之后,因为是地址引用,那个数组已经被修改了。那个时候的数组长度确实还是0。但这个数组包含修改后的数据。
————不妨去看看 js 堆和栈的解释
异步与同步(粗略解释)
什么叫异步请求和同步请求,举一个吃货一点的例子:你到了一条小吃街,你首先在卖臭豆腐的小摊子前买了一份臭豆腐,同步请求就是你在等待臭豆腐的时候,你不能走开,臭豆腐到手了你才能去买其他的;异步请求就是你在买臭豆腐的时候,钱给了,然后跑到下一家去买东西了,等臭豆腐好了,你就能拿到了
--------买一家东西就类似于执行一段请求代码
解决
1.将异步改为同步
//利用 async和await
async function(){
await axios.post('')
}
$.ajax({
url: '',
data: {},
dataType: 'json',
async:true,//同步属性设置为true
type: 'post',
success: function(obj) {
}
})
2.设置延迟
setTimeout(() => {
//代码
}, 1000); //1秒后执行代码
成功代码: