メソッドチェーンとは

メソッドチェーンとは

メソッドチェーンは、あるオブジェクトに対してメソッドを.(ドット)で連結して繋げていくことです。
前のメソッドで返ってきた値を次に繋げたメソッドが受け取って処理していきます。

オブジェクト.メソッド1().メソッド2()...

メソッドチェーンは1つのオブジェクト指定に対して連続してメソッドを実行することができる反面、繋げすぎるとデバッグが困難になったりしますので、処理する内容に応じて使い分けるとよいでしょう。

次は変数strの文字列に、replaceメソッドとmatchメソッドを処理する例です。

メソッドを繋げないパターン:

var str     = '1234567890',
    matches = [];

str = str.replace('123', 'abc');

matches = str.match(/^(.+)(c45)(.+)$/);

console.log(matches);

メソッドを繋げるパターン:

var str     = '1234567890',
    matches = [];

matches = str.replace('123', 'abc').match(/^(.+)(c45)(.+)$/);

console.log(matches);

JavaScript逆引きリファレンス一覧へ戻る