longestWord を使用して JavaScript で最長の単語を検索する
さて、今回は私が JavaScript を学習中に見つけた、シンプルだが非常に興味深い関数について共有したいと思います。これは codewars で見つけました。関数名はlongestWordです。名前が示すように、この関数は文字列から最長の単語を検索して返します。
なぜこの機能が機能するのか、どのような方法が使われているのか、その理由を説明します。さあ、早速詳しい説明に入りましょう!
longestWord 関数の目的
この関数のタスクは単純です。複数の単語 (スペースで区切られた) を含む文字列の形式で入力を受け取り、最も長い単語を返します。同じ長さの単語が複数あることが判明した場合、この関数は最後に見つかった単語を取得します。
例は次のとおりです:
longestWord("Aku sedang belajar JavaScript yang menyenangkan"); // Output: "menyenangkan"
longestWord("red blue gold"); // Output: "gold"
ファンクションコード
これがコードです。非常に短いですが、素晴らしいのは、舞台裏で多くの処理が行われていることです。
function longestWord(stringOfWords) { return stringOfWords .split(' ') // Pecah string jadi array kata-kata .sort((a, b) => a.length - b.length) // Urutkan berdasarkan panjang .slice(-1) // Ambil elemen terakhir (kata terpanjang) .toString(); // Ubah jadi string lagi }
技術解説
1.文字列を単語の配列に分割する: .split(' ')
まず、入力された文字列を、split(' ') メソッドで単語の配列に分割します。したがって、文字列内のスペースは単語間の区切り文字のようなものです。
例:
"Aku sedang belajar".split(' '); // Output: ["Aku", "sedang", "belajar"]
配列のような文字列を直接操作できないため、これは重要です。分割すると、各単語が配列要素になり、管理が非常に簡単になります。
2.単語を長さで並べ替える: .sort((a, b) => a.length - b.length)
配列になった後、sort メソッドを使用して単語を最短から最長まで並べ替えます。
ソートとして、コールバック (a, b) => を与えます。 a.長さ - b.長さ。基本的に、JavaScript に配列要素を長さで並べ替えるように要求しています。
結果は?
["Aku", "sedang", "belajar"].sort((a, b) => a.length - b.length); // Output: ["Aku", "sedang", "belajar"]
3.最も長い単語を取得します: .slice(-1)
配列はソートされているため、最も長い単語が配列の最後にある必要があります。したがって、slice(-1) 関数は最後の要素を取得することになります。
例は次のとおりです:
["Aku", "sedang", "belajar"].slice(-1); // Output: ["belajar"]
4.再度文字列に変更します: .toString()
slice(-1) の結果は、要素が 1 つしか含まれていないにもかかわらず、実際には配列の形式のままです。要求された出力と一致するように、toString() を使用して文字列に再度変換します。
最終結果:
longestWord("Aku sedang belajar JavaScript yang menyenangkan"); // Output: "menyenangkan"
これらの方法を使用する理由
- split(' '): 文字列は不変 (直接変更できない) なので、処理しやすいように最初に配列に分割します。
- sort(): 最大または最長の要素を見つける最も速い方法は、最初にデータを並べ替えることです。
- slice(-1): これは、配列の最後の要素をすぐに取得する簡単なトリックです。
- toString(): 最終出力は文字列である必要があるため、これが最後のステップです。
私にとって、longestWord 関数は、JavaScript のいくつかの重要なメソッド、特に文字列や配列を扱うためのメソッドを覚えるための良い練習のようなものです。この関数から、split、sort、slice、toString がどのように機能するかについてもさらに理解できました。
この問題を解決するための他のアイデアがある場合、またはさらに最適化したい場合は、コメント欄で一緒に議論しましょう。 ?
以上がJavaScript で LongestWord 関数を作成する方法と技術的な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

JavaScript文字列置換法とFAQの詳細な説明 この記事では、javaScriptの文字列文字を置き換える2つの方法について説明します:内部JavaScriptコードとWebページの内部HTML。 JavaScriptコード内の文字列を交換します 最も直接的な方法は、置換()メソッドを使用することです。 str = str.replace( "find"、 "置換"); この方法は、最初の一致のみを置き換えます。すべての一致を置き換えるには、正規表現を使用して、グローバルフラグGを追加します。 str = str.replace(/fi

それで、あなたはここで、Ajaxと呼ばれるこのことについてすべてを学ぶ準備ができています。しかし、それは正確には何ですか? Ajaxという用語は、動的でインタラクティブなWebコンテンツを作成するために使用されるテクノロジーのゆるいグループ化を指します。 Ajaxという用語は、もともとJesse Jによって造られました

10の楽しいjQueryゲームプラグインして、あなたのウェブサイトをより魅力的にし、ユーザーの粘着性を高めます! Flashは依然としてカジュアルなWebゲームを開発するのに最適なソフトウェアですが、jQueryは驚くべき効果を生み出すこともできます。また、純粋なアクションフラッシュゲームに匹敵するものではありませんが、場合によってはブラウザで予期せぬ楽しみもできます。 jquery tic toeゲーム ゲームプログラミングの「Hello World」には、JQueryバージョンがあります。 ソースコード jQueryクレイジーワードコンポジションゲーム これは空白のゲームであり、単語の文脈を知らないために奇妙な結果を生み出すことができます。 ソースコード jquery鉱山の掃引ゲーム

記事では、JavaScriptライブラリの作成、公開、および維持について説明し、計画、開発、テスト、ドキュメント、およびプロモーション戦略に焦点を当てています。

このチュートリアルでは、jQueryを使用して魅惑的な視差の背景効果を作成する方法を示しています。 見事な視覚的な深さを作成するレイヤー画像を備えたヘッダーバナーを構築します。 更新されたプラグインは、jQuery 1.6.4以降で動作します。 ダウンロードしてください

この記事では、ブラウザでJavaScriptのパフォーマンスを最適化するための戦略について説明し、実行時間の短縮、ページの負荷速度への影響を最小限に抑えることに焦点を当てています。

Matter.jsは、JavaScriptで書かれた2D Rigid Body Physics Engineです。このライブラリは、ブラウザで2D物理学を簡単にシミュレートするのに役立ちます。剛体を作成し、質量、面積、密度などの物理的特性を割り当てる機能など、多くの機能を提供します。また、重力摩擦など、さまざまな種類の衝突や力をシミュレートすることもできます。 Matter.jsは、すべての主流ブラウザをサポートしています。さらに、タッチを検出し、応答性が高いため、モバイルデバイスに適しています。これらの機能はすべて、物理ベースの2Dゲームまたはシミュレーションを簡単に作成できるため、エンジンの使用方法を学ぶために時間をかける価値があります。このチュートリアルでは、このライブラリのインストールや使用法を含むこのライブラリの基本を取り上げ、

この記事では、JQueryとAjaxを使用して5秒ごとにDivのコンテンツを自動的に更新する方法を示しています。 この例は、RSSフィードからの最新のブログ投稿と、最後の更新タイムスタンプを取得して表示します。 読み込み画像はオプションです


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター

Dreamweaver Mac版
ビジュアル Web 開発ツール

VSCode Windows 64 ビットのダウンロード
Microsoft によって発売された無料で強力な IDE エディター

SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

ホットトピック



