アートワーク: https://code-art.pictures/

次のようなライブラリを想像してください。

• Ramda と同様に、イテラブル操作に便利な関數(shù)を多數(shù)提供します
• 標(biāo)準(zhǔn)の配列反復(fù)メソッドなど、使い慣れた読み取り
• 配列、セット、反復(fù)プロトコルなどの JavaScript 組み込みを置き換えようとしません。
• Java Streams と同様に、「?jìng)帳胜贰工取競(jìng)帳趣筏贫xされていない」を明確に區(qū)別するオプションが含まれています
• バンドルサイズの點(diǎn)でコンパクトです

これらすべてのニーズを満たすものが見(jiàn)つからなかったので、私の小さなライブラリ、fluent-streams を作成しました。

話(huà)は安いです。コードを見(jiàn)せて

テキスト內(nèi)の単語(yǔ)トップ 3

const words = ['Lorem', 'ipsum', /* ... */]
stream(words)
  .groupBy(word => word.toLowerCase())
  .map(([word, list]) => [word, list.length])
  .sortBy(([, length])  => -length)
  .take(3)
  .toArray()

// => ['ut', 3], ['in', 3], ['dolor', 2]

互いに素な整數(shù)

// Endless stream of 2..999 integers
const randomInts = continually(() => 
  2 + Math.floor(Math.random() * 998)
)

randomInts
  .zip(randomInts)
  .filter(([a, b]) => gcd(a, b) === 1)
  .distinctBy(pair => stream(pair).sortBy(i => i).join())
  .take(10)

// => [804, 835], [589, 642], [96, 145], ...

• 示されているように、ストリームは無(wú)限になる可能性がありますが、take(n) メソッドを使用して最初の n 項(xiàng)目に制限できます
• ストリームは、並列であっても複數(shù)回再利用できます。これは、ストリームがステートレスであり、入力への參照のみを保存するためです。狀態(tài)は、ストリームがイテレータを生成するときにのみ作成されます。

カードのデッキを生成する

const deck = streamOf('?', '?', '?', '?')
  .flatMap(suit =>
    streamOf<string | number>(
      'A',
      ...range(2, 11),
      'J',
      'Q',
      'K'
    ).map(rank => `${rank}${suit}`)
  )

// => 'A?', '2?', '3?', ...

そしてホールデムポーカーをプレイしましょう！

  const playersNum = 2
  const [flop, turn, river, ...hands] = deck
    .takeRandom(3 + 1 + 1 + playersNum * 2)
    .zipWithIndex()
    .splitWhen((_, [, j]) =>
      j === 3            // flop
      || j === 4         // turn
      || j >= 5          // river
         && j % 2 === 1  // ...players' hands
    )
    .map(chunk =>
      // Unzip index
      chunk.map(([card]) => card)
    )

// flop = ['3?', '9?', 'J?']
// turn = ['4?']
// river = ['7?']
// hands = ['J?', '4?'], ['10?', '8?']

最初のプレーヤーはフロップでジャックのペアを持っていますが、2 番目のプレーヤーはストレートを取得しますが、それはリバー上でのみです。誰(shuí)が勝つでしょうか?

これは安いに違いない

上記のすべては、ネイティブ データ構(gòu)造のみで実現(xiàn)できます。ただし、Fluent Streams で書(shū)かれたコードは読みやすくなります。コードを読みやすくすることは完全に有効な目標(biāo)ですが、認(rèn)知負(fù)荷、バンドル サイズ、パフォーマンスの観點(diǎn)から、それを達(dá)成するためのコストは低くなければなりません。

Fluent Streams もまさにそれです!その理由は次のとおりです:

• 學(xué)習(xí)曲線なし: API は標(biāo)準(zhǔn)の Array メソッドに似ており、親しみやすいものです。追加も削除も簡(jiǎn)単です。
• 再発明なし: ライブラリは新しいデータ構(gòu)造やプロトコルを作成しません。JavaScript のすでに堅(jiān)牢な機(jī)能に基づいて構(gòu)築されます。
• バンドルへの影響は最小限: わずか 8.5 KB に縮小されているため、軽量です。プロジェクトにすでに React とそのサテライト ライブラリが含まれており、その重さは數(shù)百キロバイトである場(chǎng)合、この追加はほとんど目立ちません。
• 遅延処理: ライブラリは項(xiàng)目を遅延処理します。これにより、不必要な中間データのコピーが回避され、メモリ使用量が削減され、長(zhǎng)いパイプラインの効率が向上します。

注意事項(xiàng)

ライブラリは ES5 に変換されず出荷されます。この決定は、バンドル サイズを小さく維持したいという要望によって決定されました。これは、非常に簡(jiǎn)潔なコード (特にジェネレーター) での反復(fù)を可能にする ES6 機(jī)能を活用することで実現(xiàn)されます。ただし、広くサポートされている言語(yǔ)機(jī)能のみが利用されます。

まだ ES5 にトランスパイルしている場(chǎng)合は、ライブラリを自分でトランスパイルしてポリフィルを追加することで使用できます。ただし、これによりバンドルのサイズが増加するため、推奨されないことに注意してください。むしろ、これはビルド構(gòu)成を見(jiàn)直し、最新の JavaScript 機(jī)能を採(cǎi)用する絶好の機(jī)會(huì)かもしれません。

コーディングを楽しんでください！

以上がF(xiàn)luent Streams: 豊富なイテラブル操作のためのライブラリの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。