-
JavaScriptのObject.seal()とObject.freeze()の違いは何ですか?
Object.seal()の違い およびObject.freeze() 前者はオブジェクトの既存のプロパティへの変更を許可できますが、後者はオブジェクトへの変更を許可しません。 Object.freeze() オブジェクトを耐性にします 何にでも、わずかな変更でも変更することはできません。 Object.seal() Object.seal() メソッドは既存のプロパティの削除を排除しますが、外部の変更から既存のプロパティを保護することはできません。 例 次の例では、 Object.seal()が原因です。 メソッドユーザー定義プロパティ「prop1」は、deleteメソッドが適
-
JavaScriptでのproxy()オブジェクトの使用は何ですか?
Proxy() ECMAScript 6によって導入された新機能の1つ proxy()です 物体。 Proxy() オブジェクトは、基本的な操作(プロパティの検索、割り当て、列挙、関数の呼び出しなど)のカスタム動作を定義するために使用されます。 Proxy() オブジェクトには3つの重要な用語が含まれています 1)ハンドラー -トラップを含むプレースホルダーオブジェクトです。 2)トラップ -トラップはプロパティへのアクセスを提供します。 3)ターゲット -プロキシが仮想化するオブジェクトです。 構文 var p = new Proxy(target, handler);
-
JavaScriptの純粋関数とは何ですか?
純粋関数 純粋関数 決定論的関数です 。これは、毎回同じ入力が渡されると、関数が同じ出力を返すことを意味します。数学的には、これは明確に定義された関数に他なりません。 純粋関数 次のプロパティがあります それは独自の議論にのみ依存します。 スコープ外の変数を変更しようとはしません。 副作用は発生しません。 次の例は純粋関数ではありません 関数は、それ自体の変数に依存するのではなく、スコープ外の変数(val1およびval2)に依存しているためです。 例 <html> <body> <script>
-
オブジェクトがJavaScriptで封印されているかどうかを知る方法は?
Object.isSealed() は、JavaScriptでオブジェクトが封印されているかどうかを確認するために使用されるメソッドです。このメソッドはブール出力を出します。 次の条件が満たされる場合、オブジェクトは封印されます。 1)拡張可能であってはなりません 。 2)そのプロパティは構成不可である必要があります 。 構文 Object.isSealed(obj) 引数-Object.isSealed() オブジェクトをパラメータとして受け取り、オブジェクトが封印されているかどうかに基づいてブール値を返します。 例 次の例では、オブジェクトが封印されていないため、出力としてfa
-
JavaScriptで文字列からhtmlタグを削除するにはどうすればよいですか?
文字列からのHTMLタグの削除 HTML / XMLを削除できます javascriptの正規表現を使用した文字列内のタグ 。スパン、divなどのHTML要素は、たとえば、などの左矢印と右矢印の間に存在します。したがって、矢印内のコンテンツを矢印とともに何も()に置き換えると、タスクを実行できます。簡単です。 構文 str.replace( /(<([^>]+)>)/ig, ''); 例-1 <html> <body> <script> function removeTags(str) { if
-
JavaScriptで名前空間の汚染を回避する方法は?
名前空間の汚染の回避 Javascript 関数のオーバーロードをサポートしていません 。したがって、同じ名前の2つの関数を使用すると、これらの関数が読み込まれる順序に応じて、一方の関数がもう一方の関数をオーバーライドします。これは、JavaScriptに名前空間がないことを意味します (命名規則)。ただし、オブジェクトは使用できます 名前の衝突を回避できるように名前空間を作成します。 var Tutorix = Tutorix || {}; 上記のコード行は、 Tutorix オブジェクトはすでに存在している場合はそれを使用します。それ以外の場合は、新しいオブジェクトを作成します
-
JavaScriptのfor...inループとfor...ofループの違いは何ですか?
ループのfor...inとfor...の違い 両方のループが何かを繰り返します。それらの主な違いは、反復する内容にあります。 1)for ... in loop このループは、列挙可能なプロパティを繰り返し処理します 任意の順序でオブジェクトの。プロパティのみを考慮し、値は考慮しません。 次の例では、 for ... inを使用しています プロパティをループします 配列のが繰り返されます。配列なので、インデックス は重要なプロパティであるため、すべての要素のインデックスが繰り返され、出力に表示されます。インデックスに加えて、「 inherProp2」などのいくつかの継承されたプロパテ
-
JavaScriptで特定の文字列の単語数を数える方法は?
正規表現の使用 javascriptで特定の文字列の単語数を数えるのは簡単です 。単語数を数えるために従うべきいくつかのステップがあります 従う手順 文や句は、間にスペースを入れて区切られた単語で構成されていることがわかっており、単語が2つ以上のスペースで区切られている場合があります。開発者は、単語数を計算するときに、これらすべての点に注意する必要があります。 ステップ-1 文字列の開始スペースと終了スペースを除外します。次の正規表現の行 指定された文字列の開始スペースと終了スペースを削除します。 str.replace(/(^\s*)|(\s*$)/gi,"");
-
JavaScriptで要素のCSSスタイルを変更するにはどうすればよいですか?
JavaScript Cssを変更できます getElementById()などのメソッドを使用した要素の色、フォントサイズなどのスタイル 、 getElementByClassName() など 次の例では、要素のフォントスタイルとフォントサイズが getElementById()を使用して変更されています。 メソッド。 例-1 次の例では、スタイルコマンド style.fontSize とstyle.fontStyle 、提供されたテキストは「35px」のフォントサイズに変更され、フォントスタイルは「イタリック」に変更されます <html> <body&g
-
JavaScriptで数字と文字列を追加するにはどうすればよいですか?
javascriptでは、 数字と数字を追加することはできますが、数字と文字列を追加しようとすると、追加できないため、「連結」 発生します。 次の例では、変数a、b、c、d 取られます。変数aの場合、2つの数値(5、5)が追加されるため、数値(10)が返されます。ただし、変数bの場合、文字列と数値( 5、5)が追加されます。したがって、文字列が含まれるため、結果は文字列である55になります。文字列が含まれているため、変数cおよびdも出力に示されているように文字列を返します。 例 <html> <body> <script type="text/ja
-
JavaScriptのメソッドとして関数プロパティにアクセスするにはどうすればよいですか?
メソッドとしての関数へのアクセス javascriptオブジェクトはプロパティで構成されています。メソッドとしてプロパティにアクセスするには、プロパティに関数を定義し、その関数に他のプロパティを含めるだけです。 次の例では、「employee」というオブジェクトが、プロパティ「fullName」、「lastName」、「firstName」、および「id」で作成されています。関数はプロパティ「fullName」で定義され、「firstName」や「lastName」などのプロパティが含まれています。したがって、プロパティ「fullName」が呼び出されると、出力に示されているように従業員の
-
JavaScriptで許可されていないユーザーから電子メールアドレスを隠す方法は?
メールアドレスを非表示にする 許可されていないユーザーから電子メールを隠すには、次の手順に従います。 すべてのメールアドレスで「@」記号が一般的であるため、 split()を使用してメールアドレスから削除してみてください 方法。次の例では、メール([email protected])を分割した後、結果がbatman、gmail.comとして取得されます。 結果を2つの部分(split1とsplit2)に分割します。 substring()の使用 メソッドはsplit1から文字列の一部を削除し、...@を使用して結果の部分をsplit2と結合します。 結合された部分を最終出力として返
-
JavaScriptでweakSet.has()メソッドを使用する方法は何ですか?
weakSet.has() これはjavascriptに組み込まれている関数であり、オブジェクトが weakSetに存在するかどうかを精査するときにブール値を返すために使用されます。 か否か。 ウィークセット オブジェクトを使用すると、弱く保持されているオブジェクトをコレクションに保存できます。 構文 weakSet.has(obj); 引数 上記のコード行から、 weakSet.has() パラメータobjを受け入れ、パラメータが提供された weakSetに存在するかどうかを確認します かどうか。 戻り値 値の存在に基づいて、それが weakSetにあるかどうか かどうかにかかわらず、
-
JavaScriptでのAtomicsの使用は何ですか?
アトミック アトミック 静的メソッドとして実行されるアトミック操作を提供するJavaScriptのオブジェクトです。 数学の方法と同じように オブジェクト、アトミックのメソッドとプロパティ 静的でもあります。 アトミック SharedArrayBufferで使用されます オブジェクト。 アトロミック 操作はアトミックモジュールにインストールされます 。他のグローバルオブジェクトとは異なり、アトミック コンストラクターではありません 。 アトミック 新しい演算子と一緒に使用することはできません または、関数として呼び出すことができます。 不可分操作 アトミック 操作は中断できないではあり
-
JavaScriptで値渡しと参照渡しを説明しますか?
値渡し 値渡し 、関数は、変数の値を引数として直接渡すことによって呼び出されます。関数内で引数を変更しても、関数外から渡される変数には影響しません。 Javascriptは常に値渡し したがって、変数の値を変更しても、基になるプリミティブ(文字列または数値)は変更されません。 次の例では、変数「a」に値1が割り当てられていますが、関数「change」内では値2が割り当てられています。javascriptは常に値渡しであるため 、表示される出力は「1」になりますが、「2」にはなりません。 例 <html> <body> <script> &n
-
JavaScriptで配列を空にする方法は?
javascriptで配列を空にする方法はいくつかあります。 配列を取るとしましょう var array1 = [1,2,3,4,5,6,7]; 方法1 var array1 = []; 上記のコードは、数値配列を新しい空の配列に設定します。これは、元の配列array1への参照がない場合に推奨されます。別の変数からこの配列を参照した場合、元の参照配列は変更されないままになるため、配列を空にするこの方法には注意する必要があります。 例 <html> <body> <script> var array1 = [1,2,3,4,5,6,7];  
-
JavaScriptオブジェクトにキーが存在するかどうかを確認するにはどうすればよいですか?
キーがjavascriptオブジェクトに存在するかどうかを確認する方法はいくつかあります。 以下に示すように、「従業員」オブジェクトがあるとします。 var employee = { name: "Ranjan", age: 25 } 次に、nameプロパティがemployeeオブジェクトに存在するかどうかを確認する必要があります。 1)In演算子 オブジェクトのin演算子を使用して、そのプロパティを確認できます。 in演算子は、オ
-
変数がJavaScriptの配列であるかどうかを確認するにはどうすればよいですか?
javascriptでは、3つの方法を使用して、変数が配列であるかどうかを確認できます。 1)isArray()メソッド Array.isArray() メソッドは、渡された変数が配列であるかどうかをチェックします。変数が配列の場合はtrueを表示し、そうでない場合はfalseを表示します。 構文 Array.isArray(variableName) 例 <html> <body> <script type="text/javascript"> arr = [1,2,3,4,5]; str = "i love
-
JavaScriptで文字列内の母音の数を取得するにはどうすればよいですか?
文字列内の母音数の計算 英語の母音はa、e、i、o、uです。どの文字列でも、これらの母音は両方の場合(小さいまたは大文字)である可能性があることを確認してください。 デブリーフィング 次の例では、「noOfVowels()」というユーザー定義関数を使用して、入力文字列を読み取り、その文字列を母音(aAeEiIoOuU)のみを含む別の文字列と比較します。タスクを続行するには、indexOf()メソッドを使用します。 indexOf()メソッドは、文字が両方の文字列に共通である場合は常に文字のインデックスを表示します。一致しない場合は、出力として「-1」を表示します。ここでは、入力文字列
-
JavaScriptでのデバウンスとは何ですか?
デバウンス デバウンス ブラウザのパフォーマンスを向上させるために、不必要な時間のかかる計算を減らすことに他なりません。一部の機能が特定の操作を実行するのにより多くの時間がかかるシナリオがいくつかあります。たとえば、検索バーの例を見てみましょう。 eコマースのウェブサイトで。 デブリーフィング ユーザーが「Tutorixスタディキット」を入手したいとします。 。彼は検索バーに製品のすべての文字を入力します。各文字を入力すると、 APIが表示されます。 必要な製品を入手するために、ブラウザからサーバーへの呼び出しが行われます。彼は「Tutorixスタディキット」が欲しいので、ユーザーはブラウ