Javascript字符串原型方法拆分

Question

我创建了一个名为“show_alphabet”的函数，并分配给一个名为“str”的变量，这是一个由大写字母组成的字符串。 我使用 String 对象的原型属性添加了一个名为“sendArray”的方法，并为这个 (sendArray) 分配了一个返回 split() 方法的函数。 split() 方法将拆分字母字符串。 我还有一个名为“arr”的变量，并为“str”分配了 sendArray() 方法。 我有一个按钮，单击该按钮将运行 show_alphabet 函数。 该函数应该将“str”中的字母显示为一个数组，其中冒号后跟每个字母，并将每个字母放在单独的行上。 例如：

答：

乙：

C: …

但是，每当我单击按钮时，什么都不会显示。

这是我的代码：

<form>
  <button type = "submit" value = "submit" onclick = "show_alphabet()">submit </button>
</form>
<script type="text/javascript">
  function show_alphabet() {
    var str = new String("ABCDEFGHIJKLMNOPQRSTUVWXYZ");
    String.prototype.sendArray() = function() {
      return this.split("");
    }
    for (i=0; i<str.length-1; i++) {
      var arr = str.sendArray(":" + "<br />");
      document.write(arr[i]);
    }
  } 
</script>

Answer 1

我无法忍受这些可怕的答案，所以我不得不提供一个正确的答案。

<button type="button" value="submit" onclick="show_alphabet()">submit</button>

<div id="dynamic"></div>

<script type="text/javascript">
  function show_alphabet() {
    var str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
    document.querySelector('#dynamic').innerHtml = str.split('').join(':<br/>');
  } 
</script>

回顾一些问题：

• 在 DOM 加载后，您不能 document.write。这样做通常只会让你感到沮丧。相反，如上所述，调整 innerHtml 或使用其他十几种方法来更改 DOM。
• 将按钮设置为 type="button" 而不是 type="submit"。这样做会阻止实际形式或隐含形式的执行。
• 您的 sendArray 函数没有任何意义......但大多数答案也没有。只需制作字符串并将其设置在某处，这里就不需要迭代。

Answer 2

好吧，我没想到会看到这么多不完整的答案。那么我们来总结一下

1. sendArray 原型函数的定义不能有括号
2. 最重要的是，您不需要任何 sendArray 原型函数（除非作业练习明确要求它）
3. 您正在向 sendArray 传递一个未在函数内部使用的参数
4. 按钮上的操作submit 将提交表单并刷新页面，因此您不会看到代码的任何其他结果
5. 您必须了解，按下按钮将使用 document.write，它会（在 DOM 加载后）始终擦除之前的文档，包括您的脚本

这样试试

<button type="button" onclick="show_alphabet()">Show alphabet</button>
<div id="output"></div>
<script type="text/javascript">
  function show_alphabet() {
    var str = new String("ABCDEFGHIJKLMNOPQRSTUVWXYZ");
    var arr = str.split("");
    document.getElementById("output").innerHTML = arr.join(":<br/>");
  } 
</script>

Answer 3

sendArray = function() 而不是 sendArray() = function()