【问题标题】:What is the purpose of first parameter in Javascript concat() method?Javascript concat() 方法中第一个参数的目的是什么?
【发布时间】:2017-05-23 06:13:35
【问题描述】:

考虑以下演示 concat() 方法用法的代码示例(取自W3Schools Javascript Tutorial):

<!DOCTYPE html>
<html>
  <body>

    <h2>JavaScript String Methods</h2>

    <p>The concat() method joins two or more strings:</p>

    <p id="demo"></p>

    <script>
    var text1 = "Hello";
    var text2 = "World!";
    var text3 = text1.concat(" ",text2);
    document.getElementById("demo").innerHTML = text3;
    </script>

  </body>
</html>

上述程序的输出是:

JavaScript String Methods

The concat() method joins two or more strings:

Hello World!

现在,如果我想连接两个词“Hello”和“World!”在它们之间添加一个空格,我可以在单词“Hello”的末尾或单词“World!”的开头添加一个空格。

如果是上述情况,那么我应该如何使用 concat() 方法呢? 我还需要在 concat() 方法中提供一个空格作为第一个参数吗? 请解释一下“concat方法中第一个参数的实际用途是什么”?另外,解释一下有必要吗?

谢谢。

【问题讨论】:

  • 您可以在“Hello”中添加空格,但这是硬编码的。例如,如果“Hello”来自 ajax 调用并且您想将其与空格连接怎么办?这是第一个参数有用的地方。
  • 不使用hello 的另一个原因是您正在更改原始字符串。有时它可能在您的控制范围内,但并非总是如此。虽然您可以使用+ 进行连接,但在MDN 上一直推荐使用它。

标签: javascript string function concat string-concatenation


【解决方案1】:

String.concat(str1, str2, str3, ...., strN)

正在接受 N 个参数。这意味着它将所有参数粘合到一个字符串中。

【讨论】:

    【解决方案2】:

    String.prototype.concatvariadic function

    可变参数函数接受可变数量的参数。

    在这种情况下,参数的类型为String,并按照它们出现的相同顺序连接起来。

    注意:对于 JavaScript 文档,我向 W3Schools 强烈推荐 Mozilla Developer Network

    【讨论】:

      【解决方案3】:

      concat 不是全局函数,它可以在数组的实例中使用,也可以在字符串的实例中使用。

      在您的情况下,您可以使用以下代码:-

      String.prototype.concat("Hello ","World")
      

      这里是直接从字符串的原型访问 concat 函数

      你也可以使用:-"Hello ".concat("World") // 如果你想用变量替换字符串text1.concat(text2)

      【讨论】:

        【解决方案4】:

        当第二个字符串 (text2) 来自变量时,这很有用。 例如,在数据库之外,ajaxcalls,所有你不控制它的内容的东西,所以这样做更干净,更易读。另外,也许你可以有一个循环来生成几个带有“-”作为分隔符的代码,这样更容易生成它们。

        这只是一种工作方式,您还可以在 concat 函数中使用更多参数。

        【讨论】:

          【解决方案5】:

          https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/concat

          请参考上面的链接,它已经解释了多个案例。

          希望它会给出答案。

          这里有多种方法可以在 java-script 中连接 sting https://sraji.wordpress.com/2011/01/10/multiple-ways-to-concatenate-a-string-in-javascript/

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 2015-06-11
            • 2020-08-05
            • 1970-01-01
            • 2020-03-21
            • 2018-01-31
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            相关资源
            最近更新 更多