如何对按钮进行编程以显示数组的长度？（在 javascript 中）答案

【问题标题】：How do I program a button to display the length of an array? (in javascript)如何对按钮进行编程以显示数组的长度？（在 javascript 中）
【发布时间】：2023-04-11 08:33:01
【问题描述】：

<button onclick="lengthArray()">Item Quantity</button>
<p id="quant"></p>

var products = ["Printer", "Tablet", "Router", "Graphics Card","Cooling Fan"];
function lengthArray() {
    products.length();
    document.getElementById("quant").innerHTML = products.length();
}

你好！我需要在 javascript 中编写一个按钮，当按钮被单击时，它可以显示数组的长度。上面的代码是我尝试解决此任务失败的原因，因为单击所述按钮时没有任何反应。编辑：谢谢你们帮助我！

【问题讨论】：

没有按钮！
length 它是一个属性而不是一个函数，所以像.innerHTML = products.length; 一样使用它
length 不是函数。
就像大家说的那样从长度中删除“( )”

标签： javascript jquery arrays button

【解决方案1】：

使用products.length 而不是products.length() 来获取数组的长度

var products = ["Printer", "Tablet", "Router", "Graphics Card","Cooling Fan"];
function lengthArray() {
    document.getElementById("quant").innerHTML = products.length;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button onclick="lengthArray()">Item Quantity</button>
<p id="quant"></p>

【讨论】：

谢谢你，解决了！无论如何，我还可以在显示的长度之前添加一行文字说“长度：”，还是额外的编码行太多？
"Length: "+products.length

【解决方案2】：

将您的代码更改为：

function lengthArray() {
     document.getElementById("quant").innerHTML = products.length; <<-- Remove "()"
}

因为长度不是函数。这是一个属性:)

【讨论】：

【解决方案3】：

<button onclick="lengthArray()">Item Quantity</button>
<p id="quant"></p>


var products = ["Printer", "Tablet", "Router", "Graphics Card","Cooling Fan"];
function lengthArray() {
    document.getElementById("quant").innerHTML = products.length;
}

【讨论】：

【解决方案4】：

试试这个：

var products = ["Printer", "Tablet", "Router", "Graphics Card", "Cooling Fan"];

function lengthArray() {
  console.log(products.length);
}

<button onclick="lengthArray()">Item Quantity</button>
<p id="quant"></p>

【讨论】：

【解决方案5】：

只需删除长度后的括号 - 要获取数组的长度，您必须使用 length 而不是 length()

你的代码应该是这样的

document.getElementById("quant").innerHTML = products.length;

并添加一个按钮来运行该功能

<button onclick="lengthArray()">Button</button>

或者您可以通过添加文本点击来使用您的段落

<p id="quant" onclick="lengthArray()">now visible</p>

希望对您有所帮助！ ^^

【讨论】：