JavaScript で 2 つの文字列を連結して、2 番目の文字列が最初の文字列の最後に連結されるようにするにはどうすればよいですか?

WBOY
リリース: 2023-09-02 16:33:06
転載
1299 人が閲覧しました

如何在 JavaScript 中连接两个字符串,以便第二个字符串必须连接在第一个字符串的末尾?

concat() メソッド

2 つの文字列を結合する基本的な操作は連結です。文字列の構成はプログラミングの重要な部分です。 「JavaScript における文字列の連結」について説明する前に、まず基本を理解する必要があります。インタプリタが操作を実行すると、新しい文字列が生成されます。

新しい文字列を作成するには、concat() メソッドで呼び出し文字列と文字列パラメーターを連結します。初期文字列も返された文字列も変更の影響を受けません。

接続時には、まず文字列値が非文字列型パラメータから変換されます。

###文法###

以下は concat() メソッドの構文です

リーリー

紳士諸君。いいえ### パラメータと説明1strN ###戻る### concat() メソッドは、初期文字列と引数として渡された文字列値を連結することによって、新しい文字列を生成します。

1 つ以上の文字列の文字列連結

例 1

このメソッドは、2 つの入力文字列を組み合わせた新しい文字列を返します。指定された文字列や入力文字列は一切変更されません。指定された引数は必ず文字列である必要がありますが、これが concat() メソッドの欠点です。

このメソッドは文字列以外のパラメータを受け入れますが、指定された文字列が null に等しい場合は、TypeError が発生します。さらに、JavaScript の文字列は不変であるため、 concat() メソッドは実際には文字列を変更しません。

リーリー

例 2

この例では、空の文字列変数を連結する方法を理解しましょう。 concat() メソッドを使用して、単純な文字列値を空の文字列変数と連結します。

リーリー

例 3

2 つの数値を加算するには、演算子を使用します。 JavaScript では文字列の連結も実装できます。演算子は、文字列を結合するときに固有のプロパティを持ちます。既存の文字列に追加して変更することも、単に新しい文字列を作成することもできます。

リーリー

string.padEnd() メソッド

string.concat() メソッドは連結に使用できます。ただし、連結後の文字列の長さや追加する必要がある正確な数値などの情報は提供されません。

Javascript は、この問題の解決に役立つ string.padEnd() メソッドを提供します。このプロセスには 2 つのパラメータが必要です。 1 つ目は長さで、2 つ目は最初の文字列に追加する必要がある追加の文字列です。

padEnd() 関数を使用して、文字列を他の文字列で埋めます。これは、文字列を特定の長さまでパディングするために行われます。

文字列の末尾では、右側にパディングが適用されます。したがって、右パディングとも呼ばれます。

###文法### リーリー

紳士諸君。いいえ###

パラメータと説明

1パディング後の最終文字列の必要な長さ。 pad_string
ターゲットの長さ

2

オプション。指定された文字列は文字列の最後に埋め込まれます。このオプションを省略した場合、padEnd() メソッドは埋め込み文字をスペースに置き換えます。 p>

返回

padEnd 方法的返回值是一个在结尾处按给定字符串加长的字符串。

示例 4

在示例中让我们了解如何使用 padEnd() 方法。我们给firstString 字符串值“TutorialsPoint”,并使用padEnd() 方法在其末尾添加了一个“$”符号。此外,我们 在方法内给出 20 作为 targetLength。

因此,该方法返回 20 个字符长的最终字符串 " Tutorialspoint$$$$$$。”

<!DOCTYPE html>
<html>
   <title>How to concatenate two strings so that the second string must concatenate at the end of first string in JavaScript - TutorialsPoint</title>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
   <div id="result"></div>
<body>
   <script>
      let firstString = "Tutorialspoint";
      let paddfirstStr= firstString.padEnd(20, "$");
      document.getElementById("result").innerHTML =paddfirstStr;
   </script>
</body>
</html>
ログイン後にコピー

示例 5

在这个例子中,让我们了解在 padEnd() 中使用多字符 padString。在下面的示例中,我们调用了 padEnd() 并给它一个字符串,“是在线教程”,我们给了 paddSecondStr结果。

该过程通过附加“是在线教程”来扩展“Tutorialspoint”,直到最终字符串的长度为 26 个字符。 paddSecondStr 返回的最终字符串“Tutorialspointis online tu”长度为 26。

<!DOCTYPE html>
<html>
   <title>How to concatenate two strings so that the second string must concatenate at the end of first string in JavaScript - TutorialsPoint</title>
<head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
      <div id="result"></div>
<body>
   <script>
      let firstString = "Tutorialspoint ";
      let paddSecondStr= firstString.padEnd(26, 'is online tutorials');
      document.getElementById("result").innerHTML =paddSecondStr;
   </script>
</body>
</html>
ログイン後にコピー

示例 6

在此示例中,让我们了解在 padEnd() 中使用 Long padString。

在下面的示例中,“带有教程点的 JavaScript”已作为 padString 传递。通过 padEnd() 方法对指定的 padString 进行修剪,使填充后的字符串长度等于 targetLength (21)。

因此,firstString.padEnd(21, "JavaScript withtutorialspoint") 返回长度为 21 的最终字符串“Learn JavaScript with”。

<!DOCTYPE html>
<html>
   <title>How to concatenate two strings so that the second string must concatenate at the end of first string in JavaScript - TutorialsPoint</title>
<head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
   <div id="result"></div>
<body>
   <script>
      let firstString = "Learn ";
      let paddThirdStr= firstString.padEnd(21, 'JavaScript with tutorialspoint');
      document.getElementById("result").innerHTML =paddThirdStr;
   </script>
</body>
</html>
ログイン後にコピー

以上がJavaScript で 2 つの文字列を連結して、2 番目の文字列が最初の文字列の最後に連結されるようにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:tutorialspoint.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート