コアポイント

JavaScriptの
• 関數(shù)は、文字列を指定された最大長(zhǎng)に知的に短縮し、単語(yǔ)の中央で壊れないようにし、不要なスペースを削除します。 abbreviate()
この関數(shù)は、略語(yǔ)文字列の最後に追加された元の入力文字列、最大出力長(zhǎng)、およびオプションのサフィックスの3つのパラメーターを取ります。接尾辭が定義されていない場(chǎng)合、デフォルトは「...」であり、略語(yǔ)を示します。
• この関數(shù)は、フォーム入力の処理、カスタムツールチップの作成、Webベースのメールリストにメールのトピックの表示、Ajaxを介して送信される前処理データなど、文字列の長(zhǎng)さを制限する必要があるシナリオで使用できます。
• この関數(shù)の有効性は、入力文字列を1つの単語(yǔ)に分割し、最大長(zhǎng)に合うようにできるだけ多くの単語(yǔ)を再結(jié)合できることです。また、入力を前処理して、余分なスペースを削除します。
• この記事では、主な関數(shù)がその名前として、文字列を指定された長(zhǎng)さに短縮するシンプルで効率的なJavaScript関數(shù)を?qū)毪筏蓼埂g語(yǔ)の中央で切り捨てられず、ストリングを前処理して余分なスペースを削除することが保証されます。以下は、
関數(shù)のコードです。

この関數(shù)は、略語(yǔ)文字列の最後に追加された元の入力文字列、最大出力長(zhǎng)、およびオプションのサフィックスの3つのパラメーターを取ります。接尾辭が定義されていない場(chǎng)合、デフォルトは「...」（1つのスペースの後に3つのドットが続く）です。 abbreviate() abbreviate

関數(shù)の使用

function abbreviate(str, max, suffix) {
  if ((str = str.replace(/^\s+|\s+$/g, '').replace(/[\r\n]*\s*[\r\n]+/g, ' ').replace(/[ \t]+/g, ' ')).length <= max) {
    return str;
  }

  var
    abbr = '',
    str = str.split(' '),
    suffix = (typeof suffix !== 'undefined' ? suffix : ' ...'),
    max = (max - suffix.length);

  for (var len = str.length, i = 0; i < len; i++) {
    if ((abbr + str[i]).length <= max) {
      abbr += str[i] + ' ';
    } else {
      break;
    }
  }

  return abbr.replace(/[ ]$/g, '') + suffix;
}

この関數(shù)は、単純な

式に代わるよりスマートな代替品として、文字列の長(zhǎng)さを制限する必要があるシナリオで使用できます。フォーム入力の処理、カスタムツールチップの作成、Webベースのメーリングリストにメールのトピックの表示、Ajaxを介して送信されるプリプセッシングデータなど、多くのアプリケーションがあります。たとえば、文字列を100文字に制限してデフォルトのサフィックスを追加するには、次のように呼びます。 これは、この

式：

と概念的に同等です substr <

関數(shù)はこれを行わないように設(shè)計(jì)されており、単語(yǔ)の中央に分割する代わりに、最後の単語(yǔ)の前に文字列を分割します。したがって、

str = abbreviate(str, 100);

で生成された出力文字列は通常、

で指定されている最大長(zhǎng)よりもsubstr

str = str.substr(0, 96) + " ...";

この出力を生成します：

function abbreviate(str, max, suffix) {
  if ((str = str.replace(/^\s+|\s+$/g, '').replace(/[\r\n]*\s*[\r\n]+/g, ' ').replace(/[ \t]+/g, ' ')).length <= max) {
    return str;
  }

  var
    abbr = '',
    str = str.split(' '),
    suffix = (typeof suffix !== 'undefined' ? suffix : ' ...'),
    max = (max - suffix.length);

  for (var len = str.length, i = 0; i < len; i++) {
    if ((abbr + str[i]).length <= max) {
      abbr += str[i] + ' ';
    } else {
      break;
    }
  }

  return abbr.replace(/[ ]$/g, '') + suffix;
}

関數(shù)の仕組み

abbreviate関數(shù)のキーは、入力文字列を単語(yǔ)に分割し、最大長(zhǎng)に合うようにできるだけ多くの単語(yǔ)を再結(jié)合する機(jī)能です。より効率的になるには、単語(yǔ)間のセパレーターが予測(cè)可能であることを確認(rèn)する必要があります。最も簡(jiǎn)単な方法は、內(nèi)部空間を最小限に抑えることです。新しいラインとタブをスペースに変換し、次に連続したスペースを縮小して、各內(nèi)部スペースが空間になるようにすることです。 。もちろん、これに対処する他の方法もあります。たとえば、単語(yǔ)の間に見(jiàn)られるすべての異なるタイプのキャラクターを考慮したセグメンテーションのためのより柔軟な正規(guī)表現(xiàn)を定義できます。正規(guī)表現(xiàn)には単語(yǔ)の境界文字（「B」）もありますので、同様に使用できます。しかし、特にユーザーの入力を処理するときに、スペース前処理自體が有用であることがわかりました。また、単語(yǔ)の境界で分割しても、ダッシュ、ドット、コンマ、およびほとんどの特殊文字が実際に単語(yǔ)の境界と見(jiàn)なされるため、予想される結(jié)果は生成されません。しかし、キャラクターのスペースが続いていない限り、句読點(diǎn)で単語(yǔ)を分割することは不適切だと思います。したがって、関數(shù)の最初の仕事は、スペースの前処理を行うことです。その後、結(jié)果がで指定されている最大値よりも既に短い場(chǎng)合、直接返すことができます。

str = abbreviate(str, 100);

これを行わない場(chǎng)合、弦が略される必要がないときに略?shī)Zが省略される狀況に遭遇する可能性があります。

最初の條件がない場(chǎng)合、指定された最大値に接尾辭の長(zhǎng)さを考慮に入れる必要があるため、略語(yǔ)の出力が得られます。

str = str.substr(0, 96) + " ...";

最初の條件を追加すると、変更されていない出力が生成されます。

この時(shí)點(diǎn)で戻っていない限り、略式文字列をコンパイルし続けます - 入力文字列をスペースごとに分割して単語(yǔ)を作成し、略語(yǔ)が短い限り各単語(yǔ)空間ペアを繰り返し再編成します指定された最大長(zhǎng)より。必要なものをコンパイルしたら、反復(fù)を破り、略語(yǔ)文字列の端から殘りのスペースをトリミングし、接尾辭を追加して結(jié)果を返すことができます。殘りのスペースを右端からトリミングしてから、デフォルトの接尾辭で追加すると、少し無(wú)駄に思えますが、これによりスペースなしで接尾辭を入力できます。

abbreviate("<p>One two three four five</p>", 15, "");

結(jié)論

<p>One two>

これは、過(guò)剰なスペースを削除するために入力を前処理するシンプルだがスマートな文字列の略語(yǔ)関數(shù)です。私の経験では、両方の要件が通常同時(shí)に表示されるため、このように機(jī)能するようにこの機(jī)能を開(kāi)発しました。

（スペースの制限のため、FAQパーツはここで省略されています。必要に応じて、FAQパーツの擬似オリジナルバージョンを個(gè)別に提供できます。）

以上がインテリジェントストリングの略語(yǔ)の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。