JavaScript数组有值，但是长度为0

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秒后执行代码

成功代码: