JS 文字列を学習するためのヒント: 関数を使用して複数の文字列を接続する

青灯夜游
リリース: 2021-08-19 13:36:43
オリジナル
3416 人が閲覧しました

前の記事「js は指定された部分文字列が存在するかどうかをどのように認識するのでしょうか 」では、文字列内の部分文字列の最初または最後の出現位置を取得することで、指定された部分文字列を特定する方法を紹介しました。文字列が存在するかどうかを判断します。今回は引き続き JavaScript 文字列を学習し、文字列を結合する複数の方法を紹介します。

JavaScript 文字列で文字列を連結する場合、文字列連結演算子 " " を使用して 2 つ以上の文字列変数を接続することを考えるでしょう。 :

var str1 = "Hello";
var str2 = "World";
var splicing = str1+" "+str2;
console.log("str1字符串为:"+str1);
console.log("str2字符串为:"+str2);
console.log("拼接之后的字符串为:"+splicing);
ログイン後にコピー

出力結果:

JS 文字列を学習するためのヒント: 関数を使用して複数の文字列を接続する

ただし、文字列連結演算子「 」に加えて、JavaScript には 2 つの組み込み関数 concat() もあります。または join() を使用して文字列連結を実装することもできます (特定のコード環境で使用されます)。見てみましょう:

1. concat() メソッドを使用します

concat() メソッドは 2 つ以上の文字列を接続できます

var str1 = "Hello";
var str2 = str1.concat(" ","World"," ","!");
console.log("str1字符串为:"+str1); 
console.log("拼接之后的字符串为:"+str2);
ログイン後にコピー

分析: string.concat(str1,str2,...,strN)関数は、指定された文字列に複数のパラメータ str1,str2,...,strN を追加できますstring と入力し、連結された文字列を返します。

出力を見てください:

JS 文字列を学習するためのヒント: 関数を使用して複数の文字列を接続する

説明: concat() メソッドは元の文字列の値を変更しないため、string それ自体は変更されていません。

2. join() メソッドを使用する

join() メソッドは、実際には、配列内のすべての要素を文字列に入れることができる配列メソッドです。

特定の動作環境では、join() メソッドを使用して、HTML 文字列出力などの文字列を接続できます。

var arr=new Array();
arr=["www","php","cn"];
var str=arr.join("");
arr = null;
document.write(str);
ログイン後にコピー

出力を見てください:

JS 文字列を学習するためのヒント: 関数を使用して複数の文字列を接続する

#従来のブラウザでは、配列の join() メソッドを使用して非常に大きな文字列を接続すると、速度が低下します。非常に高速なので、これが最良の方法として推奨されます。

var s = "JavaScript";
var arr=new Array();
for (var i = 0; i < 10; i ++) {
    arr.push(s);
}
var str=arr.join("-");
arr = null;
document.write(str);
ログイン後にコピー

出力を見てください:

JS 文字列を学習するためのヒント: 関数を使用して複数の文字列を接続する関数 array.join(separator) が指定されたセパレータを使用して要素を追加できることがわかります。 array array 2 つが連結されて文字列が形成され、出力されます。

わかりました。これですべてです。必要に応じて、次の内容を読んでください: JavaScript 上級チュートリアル

以上がJS 文字列を学習するためのヒント: 関数を使用して複数の文字列を接続するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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