如何在JavaScript代碼函數中將數組作為參數傳遞？

Question

我正在發送對象數組以打印功能，但無法正常工作。

<script>
var items = [{
    "id": "1",
    "name": "rishi"
}, {
    "id": "2",
    "name": "xyz"
}];
var output = "<button type='button' onClick='print(" + items + ")'>Print</button>";
document.getElementsByTagName("body").innerHTML = output;

function print(data) {
    alert(data);
}
</script>

<body>

</body>

<script>
var items = [{
    "id": "1",
    "name": "rishi"
}, {
    "id": "2",
    "name": "xyz"
}];
var output = "<button type='button' onClick='print(" + items + ")'>Print</button>";
document.getElementsByTagName("body").innerHTML = output;

function print(data) {
    alert(data);
}
</script>

<body>

</body>

當我點擊打印時，它應該返回數組

Answer 1

getElementsByTagName返回元素的集合，因此您應該通過索引[0]訪問body元素。
為了查看警報中對象的內容，請嘗試使用JSON.stringify將它們轉換為字符串

 var items = [{ "id": "1", "name": "rishi" }, { "id": "2", "name": "xyz" }]; items = JSON.stringify(items.map(JSON.stringify)) var output = "<button type='button' onClick='print(" + items + ")'>Print</button>"; document.getElementsByTagName("body")[0].innerHTML = output; function print(data) { alert(data); }

 <body> </body>

Answer 2

您的問題與document.getElementsByTagName("body").innerHTML 。 .getElementsByTagName不返回單個元素，而是返回一個HTMLCollection ，其中包含所有正文標簽。 想象一下，如果您將"p"傳遞給相同的方法； 可能有多個p標簽，因此您需要取回一個集合，而不僅僅是一個元素。

相反，您可以使用document.querySelector('body') ，該方法將返回<body>的第一個找到的元素，然后可以在其中使用.innerHTML 。

最后，您需要對items數組進行字符串化處理，以便在將其傳遞到print方法中時保留它

請參見下面的示例：

 var items = [{ "id": "1", "name": "rishi" }, { "id": "2", "name": "xyz" }]; var output = "<button type='button' onClick='print("+ JSON.stringify(items) + ")'>Print</button>"; document.querySelector("body").innerHTML = output; function print(data) { console.log(data); alert(data); }

Answer 3

您可能要做的就是使用document.getElementsByTagName("body")[0]獲取getElementsByTagName返回的第一項。

然后調用函數print傳遞項目作為參數onClick=print(items)

 var items = [{ "id": "1", "name": "rishi" }, { "id": "2", "name": "xyz" }]; var output = "<button type='button' onClick=print(items)>Print</button>"; document.getElementsByTagName("body")[0].innerHTML = output; function print(data) { alert(JSON.stringify(data)); }

Answer 4

嘗試

function print(data) { alert(JSON.stringify(data)); }

否則，在這種情況下，您只會得到顯示為Object數據類型

如何在JavaScript代碼函數中將數組作為參數傳遞？

問題描述

4 個解決方案

解決方案1
0 2019-07-20 07:43:03

解決方案2
0 2019-07-20 07:43:14

解決方案3
0 2019-07-20 07:43:45

解決方案4
0 2019-07-20 07:44:46

如何在JavaScript代碼函數中將數組作為參數傳遞？

問題描述

4 個解決方案

解決方案1 0 2019-07-20 07:43:03

解決方案2 0 2019-07-20 07:43:14

解決方案3 0 2019-07-20 07:43:45

解決方案4 0 2019-07-20 07:44:46

解決方案1
0 2019-07-20 07:43:03

解決方案2
0 2019-07-20 07:43:14

解決方案3
0 2019-07-20 07:43:45

解決方案4
0 2019-07-20 07:44:46