JavaScript 文字列オブジェクトの詳細_基本

String 文字列オブジェクト

1. はじめに

文字列オブジェクト。部分文字列のインターセプト、文字列/文字の検索、大文字と小文字の変換など、文字列に対して操作を実行します。

2. 定義

2.1 新しい String(Value) コンストラクター: 内容が Value
である String オブジェクトを返します。 パラメータ:

①値 {String}: 文字列

戻り値:

{String object} は、内容が Value

である String オブジェクトを返します。

例:

コードをコピーします コードは次のとおりです:

var DemonStr = new String('abc');
console.log(demoStr のタイプ); // => console.log(demoStr); // =>

2.2 直接割り当て (推奨) 例:

コードをコピーします コードは次のとおりです:

var DemonStr = 'abc';

console.log(demoStr のタイプ) // 文字列
; console.log(demoStr); // =>

3. インスタンス属性

3.1 length: 文字列内の文字数を返します

コードをコピーします コードは次のとおりです: var s = 'abc';

console.log(s.length); // => 3

console.log('Happy New Year'.length); // => 4: 漢字も数量としてカウントされます
console.log(''.length); // => 0: 空の文字列は 0
を返します

4. インスタンスメソッド

注: string のインスタンス メソッドは文字列自体を変更せず、操作の結果のみを返します。

4.1 charAt(index): 文字列内の指定された位置にある文字を返します。数値は 0 から始まります。存在しない値が渡された場合は、空の文字列が返されます。

パラメータ:

①index {int}: 0 から計算される位置インデックス

戻り値:

{string} は、文字列内の指定された位置にある文字を返します。存在しない位置の値が渡された場合は、空の文字列が返されます。

例:

コードをコピーします

コードは次のとおりです: var s = 'abc'; console.log(s.charAt(1)); // => b: 位置 1

の文字を返します。 console.log(s); // => 元の配列には影響しません

console.log(s.charAt(5)); // => '': 存在しない位置にある文字を取得し、長さ 0
の空の文字列を返します。


4.2 charCodeAt(index): 文字列内の指定された位置にある文字の Unicode エンコーディングを返します
パラメータ:

①index {int}: 0 から計算される位置インデックス

戻り値:

{number} 文字列内の指定された位置にある文字の Unicode エンコードを返します。存在しない位置の値が渡された場合は、NaN

が返されます。

例:

コードをコピーします

コードは次のとおりです: var s = 'abc'; console.log(s.charCodeAt(0)); // => 98: 文字 b

の Unicode エンコード console.log(s.charCodeAt(5)); // => NaN: 存在しない文字を取得し、NaN

を返します。


4.3 concat(value1, value2 ... valueN): 1 つ以上の文字列を連結し、連結された文字列を返します
パラメータ:

①value1,value2 ... valueN {string}: 1 つ以上の文字列

戻り値:

{string} 連結された文字列

を返します

例:

コードをコピーします

コードは次のとおりです: var s = 'abc'; console.log(s.concat('d')); // => console.log(s); // => abc: 元の文字列

には影響しません。 console.log(s.concat('d', 'e')); // =>

4.4 IndexOf(value, |startPosition): インスタンス内で前から後ろに文字列または文字を検索し、見つかった位置を返します (0 から数えます)。見つからない場合は、-1 を返します
パラメータ:

①値 {string}: 検索文字列

②startPosition {int} オプション: 検索を開始する開始位置、デフォルトでは位置 0 から検索を開始します

戻り値:

{int} 見つかった位置を返します (0 から数えます)。見つからない場合は、-1 を返します

例:

コードをコピーします コードは次のとおりです:

var s = 'abc';
console.log(s.indexOf('b')); // => console.log(s.indexOf('d')); // => -1 :
が見つかりません console.log(s.indexOf('b', 2)); // => -1: 位置 2 (3 番目の文字) から
の検索を開始します。

4.5 lastIndexOf(value, |startPosition): インスタンス内で文字列または文字を後ろから前に検索し、見つかった位置を返します (0 から数えます)。見つからない場合は、-1 を返します

パラメータ:

①値 {string}: 検索文字列

②startPosition {int} オプション: 検索を開始する開始位置、デフォルトでは最後から検索を開始します

戻り値:

{int} 見つかった位置を返します (0 から数えます)。見つからない場合は、-1 を返します

例:

コードをコピーします コードは次のとおりです:

var s = 'abcabc';
console.log(s.lastIndexOf('a')); // => 3: 後ろから前へ検索
console.log(s.lastIndexOf('d')); // => -1: 見つからない場合は -1 を返します
console.log(s.lastIndexOf('a', 2)); // => 2 (3 番目の文字) から前方検索します。

4.6 localeCompare(value): インスタンスとパラメータを比較し、比較結果を返します パラメータ:

①value {string}: 比較する文字列

戻り値:

0: インスタンスはパラメータ

より大きいです

1: インスタンスとパラメータは等しい

-1: インスタンスはパラメータ

より小さいです

例:

コードをコピーします コードは次のとおりです:

var s='abc';

console.log(s.localeCompare('ab')); // => インスタンスはパラメータより大きいです
console.log(s.localeCompare('abc')); // => 0: インスタンスとパラメータは等しい
console.log(s.localeCompare('abd')); // => -1: インスタンスはパラメータより小さいです

4.7 match(regexp): 一致検索に正規表現を使用します パラメータ:

①regexp {regexp}: 正規表現、例: /d /

戻り値:

正規表現に属性「g」があるかどうかに応じて、異なる結果が返されます。一致しない場合は、{null} が返されます。

①正規表現には属性 'g' がなく、一致を実行し、{single match} の結果オブジェクトを返します。オブジェクトには次の属性が含まれます:

配列のシリアル番号: 一致結果を示します。0 は一致するテキスト、1 は右から右に向かって最初のかっこの一致結果、2 は 2 番目のかっこなどです。

インデックス属性: 一致するテキストが一致するソースの開始位置にあることを示します

入力属性: 一致するソースを示します

②正規表現には属性 'g' があり、グローバル マッチングを実行し、文字列内で一致するオブジェクトをすべて検索し、{文字列配列} を返します。配列要素には、括弧内の正規表現を除く、文字列内の一致する各オブジェクトが含まれます。この文字列にはインデックスと入力属性も提供されません。

例:

コードをコピー コードは次のとおりです:

// 1. シングルマッチ
var s = 'a1b2c3d4';
var mc = s.match(/d /) // => 最初の通常の一致の結果を取得します
if (mc != null) {
console.log(mc.index); // => 1: 一致結果は一致ソースの開始位置にあります
console.log(mc.input) // => a1b2c3d4: 一致するソース
console.log(mc[0]); // => 1: 一致する結果を取得します
}
// 2. グローバルマッチング
var mcArray = s.match(/d /g) // => すべての正規の一致する数値を取得します。 if (mcArray != null) {
for (var i = 0,len=mcArray.length; i var mc=mcArray[i];
console.log(mc); // => 1,2,3,4: 一致する結果を取得します
}
}
// 3. 括弧とのマッチング
s = 'a1b2c3d4';
mc = s.match(/[a-z]([1-9])/); // => 最初の通常のマッチの結果を取得します。 if (mc != null) {
console.log(mc.index); // => 0: 一致結果は一致ソースの開始位置にあります
console.log(mc.input) // => a1b2c3d4: 一致するソース
console.log(mc[0]); // => a1: シリアル番号 0 は一致した結果を示します
console.log(mc[1]); // => 1: シリアル番号 1 は最初の括弧内のサブマッチング結果を表します。 }



4.8 replace(regexp, replaceStr): 正規表現に一致する部分文字列を置換し、置換された文字列を返します

パラメータ:

①regexp {regexp}: 正規表現。例:/d/

②replaceStr {文字列関数}:

1) 文字列の場合、置換文字列を意味し、一致したすべての文字列がこの文字列に置き換えられます。

文字列内の $ 文字には特別な意味があります:

$1,$2 ... $99: ①パラメータの対応するサブ項目を左から右の括弧内に示します

$&: ①パラメータ全体と一致するサブ項目を示します

$$: ドル記号

2) これが関数の場合、この関数は一致結果ごとに呼び出され、関数の唯一のパラメータは一致結果であり、置換結果が返されることを意味します。

戻り値:

{string} は置換された文字列

を返します

例:

コードをコピーします

コードは次のとおりです: var oldStr = 'a1b2c3d4'; // 1. 通常の一致が [すべて] の数値に一致する場合は、それらを「,」カンマ

に置き換えます。 var newStr = oldStr.replace(/d /g, ',');

console.log(newStr); // => a,b,c,d,
// 2. 通常の一致では、[すべて] の数値が一致し、次のように置換されます: 一致する結果 ',' カンマ
newStr = oldStr.replace(/d /g, '$&,');
console.log(newStr); // => a1,b2,c3,d4,
// 3. 通常の一致は [すべて] の数値に一致し、一致する結果ごとに関数を呼び出し、置換された結果を返します
newStr = oldStr.replace(/d /g, function (word) {
If (ワード % 2 == 0) {
return 'even';
}
'奇数' を返します;
});
console.log(newStr); // => a 奇数 b 偶数 c 奇数 d 偶数



4.9 search(regexp): 正規表現の最初の一致が見つかった位置を返します
パラメータ:

①regexp {regexp}: 正規表現。例:/d/

戻り値:

{int} 一致する結果が見つからない場合は、最初に一致した結果の位置を返します。

例:

コードをコピーします

コードは次のとおりです: console.log( 'abcd'.search(/d /) ); // => -1 : 番号 が見つかりません console.log( 'abcd1234'.search(/d /) ); // => 4: 位置番号は 4 で、最初の番号の位置を返します

4.10 slide(start, |end): 文字列の開始位置から end の前の位置までの部分文字列を返します
パラメータ:

①start {int}: 部分文字列抽出の開始位置インデックス(この位置の文字を含む)。

数値が負の場合は、文字列の末尾から数えることを意味します。たとえば、-1 は最後の文字列を表し、-2 は最後から 2 番目の文字を表します。

②end {int} オプション: 部分文字列抽出の終了位置インデックス (この位置の文字を除く)。

数値が負の場合は、文字列の末尾から数えることを意味します。たとえば、-1 は最後の文字列を表し、-2 は最後から 2 番目の文字を表します。

このパラメータを省略した場合は、開始位置から末尾までのすべての文字が返されます。

注:

部分文字列の抽出順序は左から末尾までです。開始インデックス位置が終了インデックス位置より大きい場合は、空の文字列が返されます。

戻り値:

{string} は、文字列の開始位置から終了前の位置までの部分文字列を返します。

例:

コードをコピーします コードは次のとおりです:

var s = 'abcdefg';
console.log( s.slice(1) ); // bcdefg: 終了パラメータを省略し、終了位置は終了
console.log( s.slice(1, 3) ); // bc: 位置番号 1 から位置番号 2 までの部分文字列を返します (前の位置の終わり)
console.log( s.slice(-3) ); // efg: 3 番目から最後までのすべての文字を返します
console.log( s.slice(-3, -1) ); // ef: 最後から 3 番目から 2 番目 (end の前の位置) までのすべての文字
を返します。

4.11 split(delimiter, |arrayLength): 特定の区切り文字に従って文字列を文字列の配列に分割し、
を返します。 パラメータ:

①delimiter {regexp | string}: 指定された区切り文字。正規表現または文字列を使用できます。

②arrayLength {int} オプション: 分割された配列の長さ。省略した場合は、分割されたすべての部分文字列が返されます。

注:

区切り文字が文字列の最初または最後の文字にある場合、返される配列に空の文字列が追加されます。

戻り値:

{ string[] } 文字列で構成される配列を返します。

例:

コードをコピーします コードは次のとおりです:

console.log( 'a,b,c,d,e'.split(',') ); // => ["a", "b", "c", "d", "e"]
console.log( ',a,b,c,d,e,'.split(',') ); // => ["", "a", "b", "c", "d" 、"e"、""]: 区切り文字が先頭または末尾にある場合、空の文字列
が追加されます console.log( 'a,b,c,d,e'.split(',',3) ); // => ["a", "b", "c"] : 最初の 3 つの分割を返します。
の部分文字列 console.log( 'a1b2c3d4e'.split(/d/) ); // => ["a", "b", "c", "d", "e"] : 区切り文字として数字を使用します

4.12 substr(start, |wordLength): 文字列の開始位置から wordLength の長さまでの部分文字列を返します
パラメータ:

①start {int}: 部分文字列抽出の開始位置インデックス(この位置の文字を含む)。

数値が負の場合は、文字列の末尾から数えることを意味します。たとえば、-1 は最後の文字列を表し、-2 は最後から 2 番目の文字を表します。

②wordLength {int} オプション: 文字の長さを抽出します。このパラメータを省略した場合は、開始位置から末尾までのすべての文字が返されます。

戻り値:

{string} は抽出された文字列を返します

例:

コードをコピーします コードは次のとおりです:

ar s = 'abcdefg';
onsole.log( s.substr(0) ); // => abcdefg: 2 番目のパラメータを省略し、位置番号 0 から最後の文字までを返します
onsole.log( s.substr(0, 3) ); // => abc: 位置番号 0 から開始して 3 文字をカウントします
onsole.log( s.substr(2, 4) ); // => cdef: 位置番号 2 から開始して 4 文字を数えます
onsole.log( s.substr(-2, 3) ); // fg: 最後から 2 番目の文字列から数えて 3 文字を返します (文字長を超える場合は、カウント可能な文字のみが返されます)

4.13 substring(start, |end): 文字列の開始位置から end の前の位置までの部分文字列を返します
パラメータ:

①start {int}: 部分文字列抽出の開始位置インデックス(この位置の文字を含む)。負の数を指定することはできません。負の数の場合は 0

として処理されます。

②end {int} オプション: 部分文字列抽出の終了位置インデックス (この位置の文字を除く)。負の数を指定することはできません。負の数の場合は 0

として処理されます。

戻り値:

{string} は、文字列の開始位置から終了前の位置までの部分文字列を返します。

例:

コードをコピー コードは次のとおりです:

var s = 'abcdefg';
console.log( s.substring(0) ); // => abcdefg: 終了パラメータを省略し、位置番号 0 から最後の文字までを返します
console.log( s.substring(0, 3) ); // => abc: 位置番号 0 から位置番号 2 までの文字
(②のパラメータの前のもの) を返します。 console.log( s.substring(2, 4) ); // => cd: 位置番号 2 から位置番号 3 までの文字
(②パラメータの前のもの) を返します。 console.log( s.substring(-3, 3) ); // abc: パラメータが負の場合、数値 0 として処理されるため、このパラメータは実際には位置番号 0 から位置番号 3 までの文字を返します。 🎜>

4.14 toUpperCase(): 文字列を大文字に変換して

を返します 4.15 toUpperCase(): 文字列を小文字に変換し、
を返します。 4.16 trim(): 文字列の先頭と末尾の空白文字を削除し、
を返します。

以上がこの記事の全内容です。この記事を通じて、皆さんに JavaScript の String オブジェクトについて新たな理解をしていただければ幸いです。