jsで文字列を接続する方法

青灯夜游
リリース: 2021-04-15 11:43:06
オリジナル
17839 人が閲覧しました

JS の文字列接続方法: 1. 文字列連結演算子 " " を使用して文字列を接続します。 2. 文字列の concat() メソッドを使用して文字列を接続します。 3. 配列接続の join() メソッドを使用します。弦。

jsで文字列を接続する方法

この記事の動作環境: Windows 7 システム、Dell G3 コンピューター、JavaScript バージョン 1.8.5。

文字列を接続するための JS メソッドには、文字列連結演算子 " " の使用、concat() メソッドの使用、join() メソッドの使用などがあります。

JavaScript では、2 つ以上の文字列を接続して新しい文字列を形成できます。この記事では、誰もが文字列接続についての知識を得ることができるように、js で文字列を接続する方法を紹介します。ある程度の理解があるので、お役に立てれば幸いです。

文字列連結演算子 " "

" " " 演算子は、文字列を追加して 2 つ以上の文字列変数を接続するために使用できます。

例:

<div class="demo ">
	<p>str1="What a very"</p>
	<p>str2="nice day"</p>
	<p id="str3"></p>
</div>

<script type="text/javascript">
var str1="What a very";
var str2="nice day";
var str3= str1+" "+str2;
document.getElementById("str3").innerHTML ="str3=&#39;"+str3+"&#39;";
</script>
ログイン後にコピー

レンダリング:

jsで文字列を接続する方法

上記の例では、文字列 str1 と str2 が " " 演算子によって変更されます。これは、新しい文字列 str3 を形成するために連結された空の文字列でもあります。

文字列の Concat() メソッド

concat() メソッドは、2 つ以上の文字列または配列を連結し、新しい文字列を返すために使用されます。文字列または配列。

構文:

string1. concat([string2[, string3[, . . . [, stringN]]]])
ログイン後にコピー

string1: 文字列オブジェクトまたは文字列キャリアを指定します。その他の指定された文字列はすべて、このキャリアに接続できます。

string2,. . ., stringN: concat() メソッドのオプションのパラメータ (1 つ以上) は、string1 キャリアの末尾に追加される文字列です。

注:

1. 指定された string1 キャリアが異なり、concat() メソッドのパラメーターが異なる場合、形成される新しい文字列も異なります。

2. concat() メソッドに文字列ではないパラメータがある場合は、まず文字列に変換されてから string1 の末尾に接続されます。

例: 文字列を接続するための concat() メソッド

<div class="demo ">
	<p>str1="12q"</p>
	<p>str2="12w"</p>
	<p>str3="111"</p>
	<p id="str4"></p>
	<p id="str5"></p>
	<p id="str6"></p>
</div>

<script type="text/javascript">
var str1=&#39;12q&#39;;
var str2="12w";
var str3="111";

var str4=str1.concat(str2,str3);
var str5=str2.concat(str1,str3);
var str6=str3.concat(str1,str2);

document.getElementById("str4").innerHTML ="str4=str1+str2+str3=&#39;"+str4+"&#39;";
document.getElementById("str5").innerHTML ="str5=str2+str1+str3=&#39;"+str5+"&#39;";
document.getElementById("str6").innerHTML ="str6=str3+str1+str2=&#39;"+str6+"&#39;";
</script>
ログイン後にコピー

レンダリング:

jsで文字列を接続する方法

配列join() メソッド

join() メソッドは、配列内のすべての要素を文字列に入れるために使用されます。配列内の要素は、指定された区切り文字で区切られます。

構文:

arrayObject.join(separator);
ログイン後にコピー

separator パラメーター: 使用する区切り文字のスタイルを指定するために使用されます。これは省略可能です。省略した場合は、区切り文字としてコンマが使用されます。

例: 文字列を接続するための join() メソッド

<div class="demo ">
	<p>arr[0]="www"</p>
	<p>arr[1]=="php"</p>
	<p>arr[2]=="cn"</p>
	<p id="str1"></p>
	<p id="str2"></p>
	<p id="str3"></p>

</div>

<script type="text/javascript">
var arr=new Array();
arr=["www","php","cn"];
var str1=arr.join(".");
var str2=arr.join("-");
var str3=arr.join(" ");
document.getElementById("str1").innerHTML ="str1=&#39;"+str1+"&#39;";
document.getElementById("str2").innerHTML ="str2=&#39;"+str2+"&#39;";
document.getElementById("str3").innerHTML ="str3=&#39;"+str3+"&#39;";
</script>
ログイン後にコピー

レンダリング:

jsで文字列を接続する方法

概要: 上記はこの記事です内容全体が皆さんの学習に役立つことを願っています。

【おすすめの関連ビデオチュートリアル: JavaScript チュートリアル

以上がjsで文字列を接続する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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