Javascript | コンピューター

Javascriptでオブジェクトをどのようにディープコピーしますか？

オブジェクトのディープコピーは、コピーするオブジェクト内で遭遇するすべてのオブジェクトを複製します。コピーと元のオブジェクトは何も共有しないため、元のオブジェクトのコピーになります。最も簡単な方法は、オブジェクトをJSON文字列に変換し、それをJSオブジェクトに戻すことです。ただし、この方法ではメソッドのコピーはできません。例 let obj = { foo: 1, bar: { baz: 'test' } } let newObj = JSON.parse(JSON.stringify(obj)); obj.bar.b

JavaScriptでのイベントバブリングとキャプチャとは何ですか？

イベントバブリングは、1つの要素が2番目の要素内にネストされ、両方の要素が同じイベント（クリックなど）のリスナーを登録したときにイベントハンドラーが呼び出される順序です。バブリングでは、イベントは最初に最も内側の要素によってキャプチャおよび処理され、次に外側の要素に伝播されます。キャプチャを使用すると、イベントは最初に最も外側の要素によってキャプチャされ、内側の要素に伝播されます。両方の例を見てみましょう。次の両方の例について、次のHTMLを作成します- 例 <div id='outer' style='background-color:red;dis

JavaScript Array＃sort（）関数はどのアルゴリズムを使用しますか？

Javascript仕様では、Array.sort実装で使用される特定のアルゴリズムを指定していません。これは実装者に決定を任せます。そのため、JSエンジンが異なれば、使用する並べ替えアルゴリズムも異なります。 Mozilla（スパイダーモンキーJSエンジン）はmergeSortを使用します。それのために書かれたコードは、MozillaリポジトリのCで見ることができます：https：//dxr.mozilla.org/seamonkey/source/js/src/jsarray.c WebKit（Chrome、Safariなど）は、並べ替えアルゴリズムを直接使用せず、代わりに要素タイプ

JavaScriptの通常の関数と矢印関数の違い

MDNによると、矢印関数式は、通常の関数式の構文的にコンパクトな代替手段ですが、this、arguments、super、またはnew.targetキーワードへの独自のバインディングはありません。矢印関数式はメソッドとしては不適切であり、コンストラクターとして使用することはできません。 JavaScriptの通常の関数と矢印関数には3つの微妙な違いがあります。このバインディングを所有していません矢印関数には、独自のこの値はありません。矢印関数内のこの値は、常に囲んでいるスコープから継承されます。例 this.a = 100; let arrowFunc = () => {thi

JavaScriptで文字列を整数に変換する方法は？

変換する文字列整数に parseInt（）関数はjavascriptで使用されます。 parseInt（）関数はナンを返します（数字ではなく）文字列に数字が含まれていない場合。番号付きの文字列が送信された場合、その番号のみが出力として返されます。この関数はスペースを受け入れません。スペースを含む特定の数値が送信されると、スペースの前に存在する数値の一部が出力として返されます。構文 parseInt(value); この関数は文字列を取りますおよび変換それを整数に変換します。文字列に整数が存在しない場合は、 NaN 出力になります。例次の例では、文字列のさまざまなケー

独自のプロトタイプを使用してJavaScriptオブジェクトにアクセスするにはどうすればよいですか？

既存のオブジェクトにアクセスできます t「Object.create（）」と呼ばれるjavascriptメソッドを使用して独自のプロトタイプを作成する。このメソッドを使用すると、既存のプロパティから新しく作成されたプロトタイプにプロパティを継承できます。簡単に説明しましょう。構文 Object.create(existing obj); このメソッドは、既存のオブジェクトを取得して独自のプロトタイプを作成し、プロパティが継承されるようにします。既存のオブジェクトから新しく作成されたプロトタイプに。例次の例では、最初は「 person」という名前のオブジェクトです。が作成され、

JavaScript配列の反復で「for…in」ループを使用するのはなぜ悪い考えですか？

ほとんどの場合、通常は forを使用することをお勧めします。 for ... inではなくループ「for... in ループはインデックスになります通常の「for」に対して、残りのインデックスについては気にしません。「ループは値を表示し、残りのインデックスには「undefined」という値が実行されるため、開発者はコードの記述中に混乱することはありません。構文-1 for (var x in array) { // code }; 上記のコードは、「 for ... in」の構文です。「ループ。構文-2 for () { // code }; 上記は通常の「for」の構文です。

JavaScript正規表現の\wと\W？

\ w vs \ W の間には多くのバリエーションがあります \ w および\ W javascript 前者は「単語文字」の世話をします英数字など。後者は単語以外の文字の世話をします。＆、^、％など。簡単に説明しましょう。構文-1 new RegExp("\\w", "g"); 上記のコードは、単語文字を見つけるための構文を示しています。 javascriptで。構文-2 new RegExp("\\W", "g"); 上記のコードは、単語以外の文字を見つけるための構文を示しています。 j

JavaScriptの\dと\D？

\dと\D \dと\Dには多くの違いがあります前者の結果は桁になります後者の場合、数字以外になります e、^など。これらはグローバルオブジェクトと一緒に使用されます。 g テキスト全体のすべての数字と非数字が出力に表示されるようにします。詳細に説明しましょう。構文-1 new RegExp("\\d", "g"); 構文-2 new RegExp("\\D", "g") 例-1 次の例では、 \ d はグローバルオブジェクトgと一緒に使用されます提供されたテキストからすべての数字を取得します。グ

JavaScriptの通常の関数とArrow関数？

通常の関数と矢印関数矢印関数コードを簡潔に記述するために使用されます。両方の機能通常および矢印同様の方法で動作しますが、それらの間にはいくつかの違いがあります。それらの違いについて簡単に説明しましょう。矢印関数の構文 let x = (params) => { // code }; 通常の関数の構文 let x = function functionname(params){ // code }; 「this」キーワードの使用法矢印関数では「this」キーワードを使用できませんが、通常の関数では邪魔されずに使用できます。例次の例では、両方の通常（長方形）と矢印

React.jsでのフォームの操作

単純なhtmlフォームでは、フォーム要素は内部的に価値を維持し、フォーム送信ボタンで送信します。例 <!DOCTYPE html> <html> <head> <title>Form Example</title> </head> <body> <form> <label> User Name: <input type="text" name=&quo

JavaScriptは参照渡しまたは値渡しの言語ですか？

Javascriptは値渡し言語です。ただし、オブジェクトの場合、値はそれらの参照です。したがって、たとえば、intをパラメーターとして関数に渡し、関数内でその値をインクリメントした場合、その値は呼び出し元のコンテキストで更新されません- 例 let i = 0; function increment(x) { x = x + 1 console.log(x) } increment(i) console.log(i) 出力 1 0 オブジェクトを渡し、関数のコンテキストでそのオブジェクトの参照を更新しても、オブジェクトには影響しません。た

Javascriptでのマージソートとクイックソート

マージソートは、分割統治法に基づくソート手法です。最悪の場合の時間計算量はΟ（n log n）です。ただし、このアルゴリズムは余分なO（n）メモリを必要とするため、スペースの面で追加のコストが発生します。次に、このアルゴリズムをどのように実装するかを見てみましょう。 mergeSortとmergeの2つの関数を作成します。マージ −この関数は2つの引数を取ります。これらは、2つの部分配列であり、要素を正しい順序で挿入することにより、1つに連結されます。マージソート −この関数は、配列の左半分と右半分でmergeSortを再帰的に呼び出し、mergeを使用してこれらの配列部分を結合し

Javascriptで基数ソート？

基数ソートアルゴリズムは、数値の有効数字または値（基数）に基づいて整数をバケットに分配します。基数は、配列の値の記数法に基づいています。それをどのように実装できるか見てみましょう- 例 function radixSort(arr) { // Find the max number and multiply it by 10 to get a number // with no. of digits of max + 1 const maxNum = Math.max(...arr) * 10; &nb

JavaScriptの特定のノードの最初と最後の子ノード？

最初のを取得するには最後の子ノード特定のノードの場合、javascriptは firstChildを提供していますおよびlastChild それぞれメソッド。それらについて簡単に説明しましょう。 FirstChild 構文 node.firstChild; 例次の例では、リストノードに3つの要素があります。メソッド「firstChild」を使用する「最初の要素が見つかり、結果が出力に表示されます。 <html> <body> <ul id = "list"><li>Tesla</li><li

getElementByIDはJavaScriptでどのように機能しますか？

getElementById getElementById（） DOMメソッドです指定された値のID属性を持つ要素を返すために使用されます。これは、 HTML DOMで最も一般的な方法の1つです。ドキュメント上の要素を操作するたびに使用されます。このメソッドはnullを返します指定されたIDを持つ要素が存在しない場合。 IDはページ内で一意である必要があります。ただし、指定されたIDを持つ要素が複数存在する場合は、JavaScriptコードの最後の要素を返します。例-1 次の例では、内部テキストが「GetElementById」でIDが「element」の段落タグがあります。

JavaScriptを使用して配列の最初と最後のアイテムを取得しますか？

Javascript配列は0インデックスです。これは、最初の要素が0番目の位置にあることを意味します。最後の要素は、配列の長さ-1番目の位置にあります。したがって、-を使用してこれらの要素にアクセスできます例 arr[0] // First element arr[arr.length - 1] // last element For example, let arr = [1, 'test', {}, 'hello'] console.log(arr[0]) console.log(arr[arr.length - 1]) 出力 1 hello

JavaScript配列の最初の要素と最後の要素？

配列は要素のグループです。各要素には独自のインデックス値があります。これらのインデックスを使用して任意の要素にアクセスできます。ただし、最後の要素の場合、配列に存在する要素の数がわかるまで、インデックスはわかりません。この場合、ロジックを使用する必要があります。これらの詳細について簡単に説明しましょう。最初の要素へのアクセス最初の要素のインデックスがわかっているので、その要素の値を非常に簡単に取得できます。配列をarrにします。その場合、最初の要素の値は arr [0]です。。例次の例では、array1およびarray2という配列があります。両方の配列は「4」要素で構成され

JavaScriptで'weakMap.has（）'メソッドを使用しますか？

weakMap.has（）このメソッドは、要素がweakMapに存在するかどうかを確認するために使用されます。このメソッドはブール値を返します指定されたキーを持つ要素かどうかを示します WeakMapオブジェクトに存在します。要素が存在する場合は、 true 出力として実行されますelsefalse 出力として表示されます。構文 weakMap.has(obj); オブジェクトが必要ですパラメータとしてそのオブジェクトが存在するかどうかを精査し、ブール値になります。オブジェクトの存在に基づいて出力します。例次の例では、最初は weakMap newを使用して作成

JavaScript配列の偶数の場所で数字を実行しますか？

偶数の場所から番号にアクセスするには、数字をループするのではなく、場所をループしますつまり、インデックス。偶数の要素以外の数字をループすると、偶数にアクセスします。例次の例では、forループはすべての位置をループするために使用され、空の文字列は偶数の場所の値にアクセスするために使用されます。条件文「if」位置が偶数かどうかを確認するために使用されます。いずれかの位置が偶数の場合、その位置に対応する値は空の文字列を介してアクセスされ、出力に示されているように表示されます。 <html> <body> <script> &nbs