jQueryで文字列を変更する

フロントエンド開発では、文字列の処理は非常に一般的な操作であり、jQuery ライブラリには文字列を変更するための実用的なメソッドがいくつか用意されています。この記事では、最も一般的な jQuery 文字列操作メソッドとその使用方法をいくつか紹介します。

1. 文字列の連結 - concat()

文字列の連結は、2 つ以上の文字列を連結して新しい文字列を形成するプロセスであり、jQuery の concat() メソッドは次のことを実現します。この操作。このメソッドの構文は次のとおりです。

var str1 = "hello";
var str2 = "world";
var str3 = str1.concat(str2);
console.log(str3); // 输出 "helloworld"

上記の例では、concat() メソッドを使用して 2 つの文字列変数 str1 と ## を変換します。 #str2 連結して新しい文字列 str3 を取得します。 concat() メソッドは複数のパラメータを受け入れることもできます。次の例はこれを示しています:

var str1 = "hello";
var str2 = "world";
var str3 = "!";
var str4 = str1.concat(str2, str3);
console.log(str4); // 输出 "helloworld!"

文字列の分割 - split()

var str = "apple,orange,banana";
var arr = str.split(",");
console.log(arr); // 输出 ["apple", "orange", "banana"]

str は区切り文字として 、 文字、および文字列を使用して分割されます。要素の文字列配列arr。

文字列置換 - replace()

var str = "hello world";
var newStr = str.replace("world", "jQuery");
console.log(newStr); // 输出 "hello jQuery"

str 内の部分文字列 world を jQuery# に置き換えます。 ## 、新しい文字列 newStr を取得しました。

文字列内の特定の文字または部分文字列を削除したい場合があります。1 つの方法は、

メソッド。jQuery でも使用できます。 lice() メソッドの構文は次のとおりです。 <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:javascript;toolbar:false;'>var str = &quot;hello world&quot;; var newStr = str.slice(0, 5); // 从位置 0 开始截取到位置 5（不包括位置 5） console.log(newStr); // 输出 &quot;hello&quot;</pre><div class="contentsignin">ログイン後にコピー</div></div>上の例では、slice() メソッドを使用して文字列

から最初の 5 文字をインターセプトし、新しい文字列newStr。

文字列を処理するとき、文字を大文字または小文字に変換する必要がある場合があります。 jQuery には、文字列の大文字と小文字の変換を実現できる toLowerCase() と toUpperCase() という 2 つのメソッドが用意されています。これら 2 つのメソッドの構文は次のとおりです。

var str = "Hello World";
var newStr1 = str.toLowerCase();
var newStr2 = str.toUpperCase();
console.log(newStr1); // 输出 "hello world"
console.log(newStr2); // 输出 "HELLO WORLD"

上記の例では、文字列

がそれぞれ小文字と大文字に変換され、2 つの新しい文字列 newStr1# が取得されます。 .## と newStr2。 概要

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