JavaScript二维数组获取数据时出现undefined，如何解决？

本篇文章向大家介绍《JavaScript二维数组获取数据时出现undefined，如何解决？》，主要包括，具有一定的参考价值，需要的朋友可以参考一下。

js获取二维数组时数据前面出现undefined问题的处理方法

在javascript中，如果使用数组的length属性来获取数组长度，但数组中没有元素，就会返回undefined。在获取二维数组时，也可能遇到同样的问题。

要解决此问题，可以在获取长度之前，先为数组分配一定数量的元素。例如，在以下代码中：

var lists = [];
$("#model").children("div").each(function (i) {
    lists[i][] = [];
    lists[i][0] += $("#one").val();
    lists[i][1] += $("#two").val();
    lists[i][2] += $("#thtee").val();
    lists[i][3] += $("#four").val();
});

问题出在 lists[i][] = []; 这行代码上。它尝试设置数组的内层数组的长度，但没有指定任何值。因此，inner数组实际上为空，导致 undefined 的出现。

正确的解决方案是：

var lists = [];
$("#Model").children("div").each(function (i) {
    lists[i] = []; // 这里改为创建空的数组
    lists[i][0] = $("#One").val();
    lists[i][1] = $("#Two").val();
    lists[i][2] = $("#Thtee").val();
    lists[i][3] = $("#Four").val();
});

这样，inner数组将被正确地创建，不会出现 undefined 值。

本篇关于《JavaScript二维数组获取数据时出现undefined，如何解决？》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！