-
JavaScriptの文字列内のサブ文字列に段落タグを追加する
最初の引数として文字列strを取り、2番目の引数として文字列の配列arrを受け取るJavaScript関数を作成する必要があります。 arrに存在するstrの部分文字列をラップするには、段落タグとの閉じたペアを追加する必要があります。このような2つの部分文字列が重なっている場合は、閉じた段落タグの1つのペアだけでそれらをまとめる必要があります。 また、段落タグで囲まれた2つの部分文字列が連続している場合は、それらを組み合わせる必要があります。 例- 入力文字列と配列が-の場合 const str = 'kkkllmm'; const arr = ["kkk&qu
-
JavaScriptのスクランブルされたアルファベットシーケンスを参照して、配列が辞書式順序でソートされているかどうかを確認する
最初の引数として文字列ワードの配列を受け取るJavaScript関数を作成する必要があります。関数の2番目の引数は、26個の英語の小文字のアルファベットをすべて含む文字列ですが、ランダムにスクランブルされた順序になっています。 この関数のタスクは、配列内の単語が2番目の引数で指定された順序に従って辞書式に正しく配置されているかどうかを確認することです。その場合はtrueを返し、そうでない場合はfalseを返す必要があります。 例- 単語の入力配列と順序が-の場合 const arr = ['this', 'is', 'something',
-
JavaScriptで2つの配列の対応する値を比較する
このように同じ長さの数値の配列が2つあるとします- const arr1 = [23, 67, 12, 87, 33, 56, 89, 34, 25]; const arr2 = [12, 60, 45, 54, 67, 84, 36, 73, 44]; 最初の引数と2番目の引数などの2つの配列を受け取るJavaScript関数を作成する必要があります。次に、関数は両方の配列の対応する値を比較する必要があり、関数は-を返す必要があります。 -1、2番目の配列よりも最初の配列で大きい対応する数の数が2番目の配列で大きい対応する数よりも多い場合 1、最初の配列よりも2番目の配列で大き
-
JavaScriptでの配列の正、負、およびゼロの寄与
次のような整数の配列(正、負、ゼロ)があるとします- const arr = [23, -1, 0, 11, 18]; 最初で唯一の引数としてそのような配列を1つ受け取るJavaScript関数を作成する必要があります。次に、関数は3つの異なるグループすべて、つまり正、負、ゼロの分数比を見つける必要があります。 例- 上記の配列の場合、その長さは5です。この配列の出力は、-である必要があります。 const output = [.2, .2, .6]; 出力配列には常に3つの数値が含まれ、それぞれ負、ゼロ、および正の整数の小数比を表します。答えを確認する大まかな方法の1つは、これら
-
JavaScriptの番号パターン
ユーザーにテキスト入力とボタンを提供するJavaScriptおよびHTMLプログラムを作成する必要があります。ユーザーが入力に任意の値(たとえば5)を入力してボタンをクリックすると、画面に次のパターンが印刷されます。 (n =5の場合) 01 01 02 01 02 03 01 02 03 04 01 02 03 04 05 例 このためのコードは-になります <html> <head> <title>JavaScript Number Patterns</title> <script type="text/javascrip
-
JavaScriptの1つの要素を除いた合計
このような整数の配列があるとします- const arr = [12, 1, 4, 8, 5]; 唯一の引数としてそのような配列を1つ受け取るJavaScript関数を作成する必要があります。 次に、関数は正確に2つの整数の配列を返す必要があります- 最初の整数は、1つの要素を除くすべての配列要素の可能な限り最小の合計である必要があります。 2番目の整数は、1つの要素を除くすべての配列要素の可能な最大の合計である必要があります。 私たちの唯一の条件は、forループを1つだけ使用してこれを実行する必要があるということです。 例- 上記の配列の場合、出力は-になります。
-
JavaScriptで配列内の要素の目的の合計を見つける
このような数値の配列があるとします- const arr = [1, 2, 1, 3, 2]; 最初の引数としてそのような配列を1つ受け取るJavaScript関数を作成する必要があります。 2番目の引数は、目的の合計を表す数値になります。これを合計と呼びます。3番目と最後の引数も、配列から目的の合計を合計する必要がある数値の数を表す数値になります(要素の繰り返し)、この番号をnumと呼びましょう。 関数は最終的に、目的の合計と長さを持つそのようなすべてのグループの数を返す必要があります。 したがって、入力値が-の場合 const arr = [1, 2, 1, 3, 2]; const
-
JavaScriptでいくつかの数値で割り切れるペアを見つける
最初の引数として数値の配列を取り、それをarrと呼び、2番目の引数として単一の数値を取り、それをnumと呼ぶJavaScript関数を作成する必要があります。 関数は、配列からそのようなすべてのペアを見つける必要があります。ここで、- arr[i] + arr[j] = num, and i < j 例- 入力配列と数値が-の場合 const arr = [1, 2, 3, 4, 5, 6]; const num = 4; その場合、出力は-になります。 const output = [ [1, 3], [2, 6], [3, 5] ]; 例 このため
-
JavaScriptの配列から一致するペアを見つける
繰り返し値を含む可能性のある整数の配列を受け取るJavaScript関数を作成する必要があります。この関数は、配列から抽出できる同一の整数のペアの数を見つける必要があります。 例- 入力配列が-の場合 const arr = [1, 5, 2, 1, 6, 2, 2, 9]; その場合、出力は-になります。 const output = 2; 必要なペアは1、1と2、2であるため 例 このためのコードは-になります const arr = [1, 5, 2, 1, 6, 2, 2, 9]; const countPairs = (arr = []) => { &n
-
JavaScriptのいくつかの数に等しい絶対差を持つ最長のサブ配列
最初の引数として数値の配列(たとえばarr)を取り、2番目の引数として数値(たとえばnum)を受け取るJavaScript関数を作成する必要があります。関数は、各ペアの絶対差がnum以下である最長のサブアレイ(連続または非連続)の長さを見つけて返す必要があります。 たとえば、入力配列と数値が-の場合 const arr = [7, 9, 8, 6, 6, 3]; const num = 1; その場合、出力は-になります。 const output = 3, 目的のサブアレイは[7、6、6]であるため 例 このためのコードは-になります const arr = [7, 9, 8, 6,
-
JavaScriptで完全な数を分割する桁数
最初で唯一の引数として数値を受け取るJavaScript関数を作成する必要があります。この関数は、数値を完全に除算する数値に存在する桁数をカウントして返す必要があります。 例- 入力番号が-の場合 const num = 148; その場合、出力は-になります。 const output = 2; 148は1と4で正確に割り切れるが、8では割り切れないからです。 例 このためのコードは-になります const num = 148; const countDividingDigits = (num = 1) => { let count = 0; &nb
-
JavaScriptで2つの異なる文字を含む最長の文字列
最初の引数として文字列を取り、2番目の引数として数値(文字列の長さよりも小さい)を受け取るJavaScript関数を作成する必要があります。この関数は、元の文字列から文字を削除し、最大2つの異なる文字を含む最長の文字列になるように新しい文字列を準備する必要があります。 そして最後に、関数はその目的の文字列の長さを返す必要があります。 例:入力文字列が-の場合 const str = 'kjeljsdl'; その場合、出力は-になります。 const output = 4; 最大2つの異なる文字を含む最長の部分文字列は「jljl」であるため 例 このためのコードは-にな
-
JavaScriptでプログラムを作成して、2つの文字列が互いにアナグラムであるかどうかを確認します
2つの文字列「a」と文字列「b」が与えられた場合、それらが互いにアナグラムであるかどうかを確認し、True/Falseを返す必要があります。たとえば、 入力-1 − String a= “india” String b= “nidia” 出力 − True 説明 −指定された文字列「b」には文字列「a」のすべての文字が含まれているため、Trueを返します。 入力-2 − String a= “hackathon” String b= “achcthoon” 出力 − False
-
JavaScriptで外部JSONファイルを読み取る方法
次のデータを含むJSONファイルconfig.jsonがあるとします- { "secret": "sfsaad7898fdsfsdf^*($%^*$", "connectionString": "mongodb+srv://username:[email protected]/events?retryWrites=tr ue&w=majority", &n
-
JavaScriptでdivのスクリーンショットを撮る方法
ウェブサイトをレイアウトするマークアップの一部をキャプチャ(画像に変換)し、キャプチャした画像を保存するか、何かを行う必要があります。したがって、この説明された動作を実現するための方法を考案する必要があります。 問題には、キャンバスだけでなくマークアップ要素のキャプチャも含まれるため、特に最初からキャプチャする場合は、少し複雑になります。したがって、簡単にするために、サードパーティのライブラリ htmltocanvasを使用します。 これは、名前が示すとおりに機能し、目的のマークアップをキャンバスに変換します。その後、キャンバス要素を画像としてダウンロードするだけです。 例 そのた
-
JavaScriptでアップロードする前に画像をプレビューする
セキュリティ上の理由から、ブラウザは入力を介して選択された画像ファイルのパスにアクセスすることを許可していません。つまり、ブラウザのJavaScriptはファイルシステムにアクセスできません。したがって、私たちのタスクは、入力を介して選択された画像ファイルをプレビューしてから、サーバーやその他の場所に送信することです。 方法1:URLクラスを使用する: URLクラスのcreateObjectURL()関数を使用して、入力によって選択された画像のURLを作成し、そのURLをimgタグのsrc属性に提供できます。 例 このためのコードは-になります <img id="previ
-
PostmanがJavaScriptで「要求されたリソースに「Access-ControlAllow-Origin」ヘッダーがありません」というエラーが表示されないのはなぜですか
問題: オリジンが現在のURL(リクエストを行っているURL)とは異なるリモートサーバーにネットワークリクエストを送信しようとすると、ツールを使用しているときに、ウェブのオリジンの問題が原因でCORSエラーが発生する可能性があります。 Postmanのように、このCORSエラーをうまく回避できます。 Webでリクエストした場合と、postmanなどの拡張機能でリクエストした場合の応答の動作の違いを説明する必要があります。 説明: ウェブブラウザを使用しているページとは異なるドメインにネットワークリクエストを行うと、そのリクエストはブロックされ、サーバーに通知したり連絡したりすることなく、
-
JavaScriptでAJAXリクエストを使用してCookie値を設定するにはどうすればよいですか?
AJAXリクエストを使用して、またはAJAXリクエストがそれらのCookieをサーバーに送信するようにCookieを設定する必要があります。 ここで注意すべきことの1つは、リモートサーバーに対して行われたすべてのAJAXリクエストは、何もしなくても、すべてのCookieをそのサーバーに自動的に送信することです。したがって、これを明確にすると、JavaScriptを使用してドキュメントオブジェクトに特定のキーを設定するだけで、ネットワーク呼び出しを行うたびに、そのCookieが呼び出しを行うサーバーに自動的に送信されます。 Cookieを設定するためのコードは-になります const tok
-
JavaScriptで残りの合計に等しい2つの数値を見つける
次の問題があるとします。 1から任意の数までの数列があります。これをnumと呼びましょう。次のように、シーケンスからそのような2つの番号を選択する必要があります(mとnと呼びましょう)。 sum(1 to num) - (m + n) = m * n そして最後に、そのようなすべての番号のグループの配列を返す必要があります。 例- 入力が-の場合 const num = 10; その場合、出力は-になります。 const output = [ [7, 6] ]; sum(1から10)=55 そして、 55 - (6 + 7) = 6 * 7 = 42
-
JavaScriptでJSONオブジェクトをフラット化する
次のJSONオブジェクトがあり、任意のレベルまでのネストが含まれている可能性があります- const obj = { "one": 1, "two": { "three": 3 }, "four": { "five": 5, "six": { &nb