1. キューを理解する前回のブログでは、制限されたデータ構造であるスタックについて説明しました。今度は、
その構造図は次のように表すことができます。
2. カプセル化キューキュー構造も配列形式で実装されています。まずはクラスを作成します。 関数キュー(){ } その中にプロパティとメソッドを追加し、プロパティ メソッドを通じてクラスに配列を追加します。次に、プロトタイプ メソッドを使用して、よく使用される操作を追加します。 キューに対する一般的な操作は次のとおりです。
では、それを実装してみましょう。 関数キュー(){ this.items = []; // キューの最後に 1 つ以上の新しい項目を追加します enqueue() Queue.prototype.enqueue = function(要素){ this.items.push(要素); } //キューの最初の項目(つまりキューの先頭の項目)を削除します。dequeue() Queue.prototype.dequeue = 関数(){ this.items.shift() を返します。 } //キューの最初の要素を返す front() Queue.prototype.front = 関数() { this.items[0]を返します。 } // スタックが空かどうかをチェックする isEmpty() Queue.prototype.isEmpty = 関数(){ this.items.length == 0 を返します。 } //キューに含まれる要素の数を返すsize() Queue.prototype.size = 関数(){ this.items.length を返します。 } //キューの内容を文字列形式に変換する toString() Queue.prototype.toString = 関数(){ var str = ''; for(var i =0;i<this.items.length;i++){ str += this.items[i] + ' '; } str を返します。 } } 上記はキューのカプセル化です。次にそれを検証します。 var キュー = 新しいキュー(); キュー。エンキュー(10); キュー。エンキュー(20); キュー。エンキュー(30); キュー。エンキュー(40); キュー。エンキュー(50); console.log(キュー); console.log('削除された最初の項目は: ' + queue.dequeue()); console.log('キューの最初の要素は: ' + queue.front()); console.log('スタックは空ですか: '+queue.isEmpty()); console.log('スタック構造の内容は次のとおりです:'); コンソールにログ出力します。 出力は次のようになります。 ビルドに成功しました。 太鼓を叩きながらプレゼントを渡すケースを見てみましょう! 3. 太鼓をたたいて花を渡す場合オリジナルのゲームルール:
ゲームのルールを変更します:
キューベースの関数をカプセル化します。
コードは次のとおりです。 // キュー関数をカプセル化する Queue(){ this.items = []; //最後に要素を追加します Queue.prototype.enqueue = function(element){ this.items.push(要素); } //最初の要素を削除します Queue.prototype.dequeue = function(){ this.items.shift() を返します。 } //最初の要素を返す Queue.prototype.front = function(){ this.items[0]を返します。 } //キューに含まれる要素の数を返す Queue.prototype.size = function(){ this.items.length を返します。 } } 関数 passGame(nameList,num){ // キューを作成します var queue = new Queue(); //すべての人をキューに追加します for(var i = 0;i<nameList.length;i++){ キューにエントリを追加します。(nameList[i]); } //ゲームをプレイする while (queue.size() > 1) { //num より前の人がキューの最後に追加されます for(var i =1;i<num;i++){ キューをエンキューします(キューをデキューします)。 } // num 番号の人は queue.dequeue() から直接削除されます。 } //勝者情報を取得します var endName = queue.front(); console.log('残りの人数は:' + endName); nameList.indexOf(endName) を返します。 } //テスト var nameList = ['a','b','c','d','e']; var g = passGame(nameList,5); console.log('この人の所在地は: '+g); 出力は次のようになります。 JavaScript でキュー構造を実装するプロセスに関するこの記事はこれで終わりです。JavaScript でキュー構造を実装することに関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後も 123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: 良いリファクタリングを行うには、コードをリファクタリングするだけでなく、人生をリファクタリングすることも重要です。
出典: https://medium.com/better-programming、著者: Fere...
成果を達成するコードは次のとおりですhtml <テンプレート> <div> ...
HTML はタグと属性で構成されており、これらを組み合わせてブラウザにページの表示方法を指示します。...
MySQL 5.7 以降のバージョンでは、冗長インデックス、重複インデックス、およびインデックスを使...
この記事ではJavaScript検索のデータ表示コードを参考までに共有します。具体的な内容は以下のと...
構文: ROW_NUMBER() OVER(PARTITION BY COLUMN ORDER BY...
序文この記事では主にMySQLのカスタム関数とストアドプロシージャに関する関連コンテンツを紹介し、皆...
Cocos Creator モジュラースクリプトCocos Creator を使用すると、コードを複...
JD カルーセルは、動的な効果を追加せず、主に位置決めの知識を使用して、純粋な HTML と CS...
マインドマップ彼はおそらく次のように見えるでしょう: インターネット上の実装のほとんどは d3.js...
IE8には複数の互換モードがあります。 IE プラットフォームの設計者である Chris Wilso...
Ubuntu 20.04はnetplanを通じてネットワークを管理するため、以前のバージョンとは少...
js 配列はどこでも使用されているため、おそらく誰もがよく知っているでしょうが、配列クラス (疑似配...
0x00 はじめに数か月前、Firefox に脆弱性 (CVE-2019-17016) があること...
目次概要Vuex の 4 つの主要オブジェクト状態の使用突然変異の使用ゲッターの使用アクションの使用...