Javascriptでスタックを作成する
JavaScriptの配列はスタックのすべての機能を提供しますが、独自のStackクラスを実装しましょう。私たちのクラスには次の関数があります-
- push(element):スタックの一番上に要素をプッシュする関数。
- pop():要素を先頭から削除して返す関数。
- peek():スタックの一番上にある要素を返します。
- isFull():スタックの要素制限に達したかどうかを確認します。
- isEmpty():スタックが空かどうかを確認します。
- clear():すべての要素を削除します。
- display():配列のすべての内容を表示します
スタックの最大サイズを取得するコンストラクターと、このクラスの他の関数を実装するときに役立つヘルパー関数display()を使用して、単純なクラスを定義することから始めましょう。また、スタックがいっぱいか空かを確認するために、isFullとisEmptyの2つの関数を定義しました。
isFull 関数は、コンテナの長さがmaxSize以上であるかどうかをチェックし、それに応じて返します。
isEmpty 関数は、コンテナのサイズが0かどうかをチェックします。
これらは、他の操作を定義するときに役立ちます。この時点から定義する関数はすべて、Stackクラス内に配置されます。
例
class Stack {
constructor(maxSize) {
// Set default max size if not provided
if (isNaN(maxSize)) {
maxSize = 10;
}
this.maxSize = maxSize; // Init an array that'll contain the stack values.
this.container = [];
}
// A method just to see the contents while we develop this class
display() {
console.log(this.container);
}
// Checking if the array is empty
isEmpty() {
return this.container.length === 0;
}
// Check if array is full
isFull() {
return this.container.length >= maxSize;
}
push(element) {
// Check if stack is full
if (this.isFull()) {
console.log("Stack Overflow!");
return;
}
this.container.push(element);
}
} -
JavaScript-カスタム画像スライダーの作成
JavaScriptでカスタム画像スライダーを作成するためのコードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> * { box-sizing: border-box; } .Slide
-
JavaScriptでのスタックの実装
以下は、JavaScriptでスタックを実装するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>