在 JavaScript 中返回一个数组会返回 [object] 吗？ [复制]答案

【问题标题】：returning an array in JavaScript returns [object] instead? [duplicate]在 JavaScript 中返回一个数组会返回 [object] 吗？ [复制]
【发布时间】：2021-11-01 07:28:03
【问题描述】：

我试图通过将它们声明为对象来返回两个数组（多个值）



<script>
    function funWithArrays(arr) {

        const arr1 = []; //short string
        const arr2 = []; //long string

        for (var i = 0; i < arr.length; i++) {
            if (arr[i].length <= 3) {
                arr1.push(arr[i]);
            } else {
                arr2.push(arr[i]);
            }
        }
        return {
            arr1,
            arr2
        };

    }
    document.getElementById("results").innerHTML = funWithArrays(["we", "cream", "to", "this", "two"]);

</script>

这是我的尝试，但是，当我运行它时，输出如下：

[object Object]

我想知道为什么没有返回实际的数组？

【问题讨论】：

您返回的不是数组，而是具有属性arr1 和arr2 的非数组对象（这些道具指的是数组）。然后，您通过将该对象分配给innerHTML 将其隐式转换为字符串，这会触发对象的默认toString（因为您的对象没有定义），对于普通对象，它会返回字符串"[object Object]"。如果你想返回一个数组数组，它将是return [arr1, arr2];（方括号），它将转换为包含数组元素的字符串版本的字符串（但对于嵌套数组来说有点令人困惑）。
“令人困惑”，我的意思是：数组 [ [1, 2, 3], [4, 5, 6] ] 转换为字符串 "1,2,3,4,5,6"（这正是 [1, 2, 3, 4, 5, 6] 将转换为的字符串）。

标签： javascript arrays

【解决方案1】：

您返回错误。

将return {arr1, arr2} 替换为return [...arr1, ...arr2] 以返回单个数组。

用大括号( { } ) 包裹数组将它们转换为对象。由于您需要返回一个数组，因此请将您的数组用方括号 ( [ ] ) 括起来。

Spread Operator 的文档

【讨论】：

哦，好的，谢谢
嗯，我不知道我是否可以问这个，但这是我考试练习题的一部分，其中一部分是要求这个“函数应该返回一个对象，该对象具有两个属性，既是数组又是命名分别为 arr1 和 arr2”这仍然正确吗？
@user16973340 - 您的原始代码正在执行该句子的要求；上面的代码没有。所以可能只是你需要格式化你的输出，而不是改变你的返回值。例如，您可以将结果显示为 JSON：.innerHTML = JSON.stringify(funWithArrays(/*...*/));（但这只是一种可能的格式化方式）。