Es6-new-string-methods

提供:Dev Guides
移動先:案内検索

ES6-新しい文字列メソッド

以下は、メソッドとその説明のリストです。

Sr.No Method & Description
1

String.prototype.startsWith(searchString

受信者がsearchStringで始まる場合、trueを返します。位置により、チェックする文字列の開始位置を指定できます。

2

String.prototype.endsWith(searchString

受信者がsearchStringで始まる場合、trueを返します。位置により、チェックする文字列の開始位置を指定できます。

3

String.prototype.includes(searchString

受信者にsearchStringが含まれている場合、trueを返します。 positionを使用すると、検索する文字列の開始位置を指定できます。

4

String.prototype.repeat(count)

count回連結されたレシーバーを返します。

テンプレートリテラル

  • テンプレートリテラル*は、埋め込み式を許可する文字列リテラルです。 *テンプレート文字列*では、一重引用符または二重引用符ではなくバックティック( ``)を使用します。 したがって、テンプレート文字列は次のように書くことができます-
var greeting = `Hello World!`;

文字列補間とテンプレートリテラル

示されているように、テンプレート文字列は、$ \ {}構文を使用した文字列置換にプレースホルダーを使用できます。

例1

var name = "Brendan";
console.log('Hello, ${name}!');

上記のコードが正常に実行されると、次の出力が表示されます。

Hello, Brendan!

例2:テンプレートリテラルと式

var a = 10;
var b = 10;
console.log(`The sum of ${a} and ${b} is  ${a+b} `);

上記のコードが正常に実行されると、次の出力が表示されます。

The sum of 10 and 10 is 20

例3:テンプレートリテラルと関数式

function fn() { return "Hello World"; }
console.log(`Message: ${fn()} !!`);

上記のコードが正常に実行されると、次の出力が表示されます。

Message: Hello World !!

複数行の文字列とテンプレートリテラル

テンプレート文字列には複数の行を含めることができます。

  • 例 *
var multiLine = `
   This is
   a string
   with multiple
   lines`;
console.log(multiLine)

上記のコードが正常に実行されると、次の出力が表示されます。

This is
a string
with multiple
line

String.raw()

ES6には、バックスラッシュが特別な意味を持たない生の文字列用のタグ関数String.rawが含まれています。* String.raw *を使用すると、正規表現リテラルの場合と同様にバックスラッシュを記述できます。 次の例を考えてください。

var text =`Hello \n World`
console.log(text)

var raw_text = String.raw`Hello \n World `
console.log(raw_text)

上記のコードが正常に実行されると、次の出力が表示されます。

Hello
World
Hello \n World

String.fromCodePoint()

静的なString。* fromCodePoint()*メソッドは、指定されたUnicodeコードポイントのシーケンスを使用して作成された文字列を返します。 無効なコードポイントが渡されると、関数はRangeErrorをスローします。

console.log(String.fromCodePoint(42))
console.log(String.fromCodePoint(65, 90))

上記のコードが正常に実行されると、次の出力が表示されます。

*
AZ