-
JavaScript Array.join()メソッド
JavaScriptのArray.join()メソッドを使用して、配列を結合し、文字列として返します。 構文は次のとおりです- array.join(separator) 上記で、パラメータとして使用するセパレータを設定します。 ここで、JavaScriptマイナスでArray.join()メソッドを実装しましょう; 例 <!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> <p>Is this is an ar
-
JavaScript array.keys()
JavaScriptのarray.keys()メソッドは、配列のキーを持つArrayIteratorオブジェクトを返すために使用されます。 構文は次のとおりです- array.keys() ここで、JavaScriptでarray.keys()メソッドを実装しましょう- 例 <!DOCTYPE html> <html> <body> <h2>Car Variants</h2> <p id="test"></p> &nb
-
JavaScript Array.of()関数
JavaScriptのArray.of()メソッドは、パラメーター値として変数を使用して新しい配列インスタンスを作成するために使用されます。 構文は次のとおりです- Array.of(elements....) 上記の要素は、パラメータ値としての値です。 ここで、JavaScriptでArray.of()メソッドを実装しましょう- 例 <!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> <p>Click the
-
JavaScript Array.prototype.map()関数
JavaScriptのArray.prototype.map()関数を使用して、呼び出された関数の結果を使用して新しい配列を作成します。 構文は次のとおりです- arr.map(function callback(currentValue[, index[, array]]) ここで、JavaScriptでArray.prototype.map()メソッドを実装しましょう- 例 <!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> <p>Click to display
-
moment.jsがwebpackでロケールをロードしないようにするにはどうすればよいですか?
ローカルファイルは、テーマテンプレートファイルで使用されるテキスト文字列の翻訳のセットを含む.jsonファイルです。言語ごとに個別のローカルファイルが使用されます。 コードにmoment.jsが必要で、webpackにパックすると、すべてのロケールファイルが含まれるため、バンドルサイズが大きくなります。 IgnorePluginを使用して、すべてのロケールファイルを削除できます。たとえば、 例 const webpack = require('webpack'); module.exports = { plugins: [  
-
javascriptの1つのキーを除いてjsオブジェクトのクローンを作成するにはどうすればよいですか?
1つのキーを除いてオブジェクトのクローンを作成する最も簡単な方法は、オブジェクト全体のクローンを作成してから、不要なプロパティを削除することです。ただし、クローニングには2つのタイプがあります- ディープクローン 浅いクローン 浅いコピーは可能な限り複製しません。コレクションの浅いコピーは、要素ではなく、コレクション構造のコピーです。浅いコピーで、2つのコレクションが個々の要素を共有するようになりました。 例 let innerObj = { a: 'b', c: 'd' } let obj = { &n
-
Express.jsのres.sendとres.jsonの違い
ExpressアプリケーションサーバーがHTTPリクエストを受信するたびに、開発者にオブジェクト(一般にresと呼ばれる)を提供します。たとえば、 例 app.get('/test', (req, res) => { // use req and res here }) resオブジェクトは基本的に、このAPI呼び出しの一部として送信される応答を指します。 res.send関数は、コンテンツタイプをtext / Htmlに設定します。これは、クライアントがコンテンツタイプをテキストとして扱うことを意味します。次に、応答をクライアントに返します
-
JavaScriptのオブジェクトリテラルとコンストラクター
新しいObject()表記とObjectliteral({})表記はどちらも同じことを行います。オブジェクトを初期化します。ただし、2番目の表記は、プロパティを追加し始めると少し異なる場合があります。たとえば、 例 let a = { name: 'Ayush' } この初期化は-と同等です let a = new Object(); a.name = 'Ayush' または let a = {} a.name = 'Ayush' ただし、これは継承されたクラスには当てはまりません。これらのクラスにはカスタムコンス
-
JavaScript配列find()関数
JavaScriptのfind()メソッドは、条件が渡された場合は配列の最初の要素値を返すために使用されます。それ以外の場合、戻り値は未定義です。構文は次のとおりです- array.find(function(val, index, arr),thisValue) ここで、functionは、現在の要素の値であるvalを持つ関数です。インデックスは配列インデックスであり、arrは配列です。 this valueパラメータは、関数に渡される値です。 例 <!DOCTYPE html> <html> <body> <h2>
-
JavaScript配列fill()関数
JavaScriptのfill()メソッドは、配列内の要素を静的な値で埋めるために使用されます。 構文は次のとおりです- array.fill(val, start, end) 上記では、valは配列を埋めるための値、startは配列を埋め始めるためのインデックス、endは配列を埋めるのをやめるためのインデックスです。 JavaScriptでfill()メソッドを実装しましょう- 例 <!DOCTYPE html> <html> <body> <h2>Ranking Points</h2> &nbs
-
JavaScript配列findIndex()関数
条件が渡された場合、JavaScriptのfindIndex()メソッドを使用して、配列の最初の要素のインデックスを返します。 構文は次のとおりです- array.findIndex(function(currentValue, index, arr), thisValue) ここで、JavaScriptでfindIndex()メソッドを実装しましょう- 例 <!DOCTYPE html> <html> <body> <h2>Rank</h2> <button onclic
-
JavaScript配列from()メソッド
JavaScriptのfrom()メソッドは、lengthプロパティを持つ任意のオブジェクトまたは反復可能なオブジェクトからArrayオブジェクトを返すために使用されます。 構文は次のとおりです- Array.from(obj, mapFunction, val) 上記では、パラメータobjは配列に変換するオブジェクト、mapFunctionは呼び出すマップ関数、valはmapFunctionを実行するときにこれとして使用する値です。 JavaScriptでfrom()メソッドを実装しましょう- 例 <!DOCTYPE html> <html> <body
-
JavaScript配列reverse()
JavaScriptのreverse()メソッドは、配列要素を逆にするために使用されます。 構文は次のとおりです- array.reverse() JavaScriptでreverse()メソッドを実装しましょう- 例 <!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> <p id="test"></p> <script>  
-
JavaScript配列shift()
JavaScriptのshift()メソッドは、配列の最初の項目を削除するために使用されます。 構文は次のとおりです- array.shift() JavaScriptでshift()メソッドを実装しましょう- 例 <!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> <p id="test"></p> <script>
-
JavaScript変数はループの外側または内側を宣言しますか?
ECMA- / Javascript言語は、withvarで宣言された変数を関数の先頭に持ち上げます。これは、この言語には関数スコープがあり、他の多くのCのような言語のようにブロックスコープがないためです。 function() { for(var a = 0; a < 7; a ++) { var b = 100; } } と同じです function() { var b; for(var a = 0; a < 7; a ++) {
-
javascriptで画像のプリロードを行う方法は?
次の方法を使用して、JavaScriptを使用して画像をプリフェッチできます- function preloadImage(url) { let img = new Image(); img.src = url; return img; } 使用していない場合、すべてのブラウザが数秒後に画像をリリース(ガベージコレクション)することに注意してください。これを回避するには、imgオブジェクトへの参照を保持します。
-
underscore.jsの_.each関数を壊す方法
それぞれの方法から抜け出すことはできません。ネイティブのforEachmethodの動作をコピーし、ネイティブのforEachは(例外をスローする以外に)ループをエスケープすることを提供しません。 -のような他の関数を使用できます _.find:要素が見つかるとループから抜け出します。たとえば、 _.find([1, 2, 3, 4], (element) => { // Check your condition here if (element === 2) { return tr
-
javascriptでカウントダウンタイマーを設定するにはどうすればよいですか?
setIntervalmethodを使用して、Javascriptでカウントダウンタイマーを作成できます。 setInterval()メソッドは、関数を繰り返し呼び出すか、コードスニペットを実行しますが、各呼び出しの間に一定の時間遅延があります。 カウントダウンを作成するには、現在時刻と最終時刻の違いを確認し、カウントダウンを更新し続ける必要があります。たとえば、 例 {let now =new Date()。getTime(); let distance =countDownDate --now; //日、時間、分、秒の時間計算let days =Math.floor(distance
-
なぜEmber.jsが最高のjavascriptフレームワークなのですか?
emberがトップのjavascriptWeb開発フレームワークの1つである理由はたくさんあります。これらの理由のいくつかは-です テンプレートソリューションが組み込まれているため、記述する必要のあるコードは非常に少なくなります。 残り火の独創的なアーキテクチャは、重要でない決定に時間を浪費することを防ぎます。 アプリ開発を効率的かつ開発者に優しいものにするフレンドリーなAPI。 完全なツールキット(EmberCLI)-Emberアプリケーションを作成、開発、構築するための堅牢な開発ツールキット。 組み込みのルーティングサポート。
-
JavaScript連想配列で動的にキーを作成する
Javascriptの連想配列は、javascriptオブジェクトリテラルに他なりません。キーが角かっこ表記を使用して文字列である場合は、これらのオブジェクトにキーを動的に追加できます。たとえば、 例 let a = { name: 'Ayush' }; let key = 'age'; // Add the non existing key a[key] = 35; console.log(a)を追加します 出力 これにより、出力が得られます- { name: 'Ayush', age: 35 }