Javascript

ES6以降のJavaScriptには、文字列補間をネイティブでサポートするテンプレート文字列サポートがあります。これらはテンプレートリテラルと呼ばれます。テンプレートリテラルは、埋め込み式を可能にする文字列リテラルです。テンプレート文字列は、一重引用符または二重引用符ではなく、バックティック（ ``）を使用します。したがって、テンプレート文字列は次のように記述できます- var greeting = `Hello World!`; テンプレート文字列は、${}構文を使用した文字列置換にプレースホルダーを使用できます。 例1 var name = "Brendan"; co

サブ文字列と置換の2つの方法を使用して、Javascriptの文字列からテキストを削除できます。 部分文字列 JS文字列クラスは、特定の文字列から部分文字列を抽出するために使用できる部分文字列メソッドを提供します。これは、文字列の一方または両方の端からテキストを削除するために使用できます。 構文 str.substr(start[, length]) 例 let a = 'Hello world' console.log(a.substr(0, 5)) console.log(a.substr(6)) console.log(a.substr(4, 3)) 出力 これにより

クエリ文字列はクエリパラメータで構成され、サーバーにデータを送信するために使用されます。 URLのこの部分はオプションです。開発者が作成する必要があります。これは、encodeURIComponentと呼ばれるネイティブメソッドを使用して実行できます。 encodeURIComponent（）関数は、特定の文字の各インスタンスを、文字のUTF-8エンコードを表す1つ、2つ、3つ、または4つのエスケープシーケンスで置き換えることにより、URI（Uniform Resource Identifier）コンポーネントをエンコードします。 新しいES6形式を使用すると、オブジェクトを次の方法でエン

lodashのgetメソッドを使用して、任意のレベルのプロパティを安全に取得できます。第1レベルのプロパティを取得するのは非常に簡単です。ネストされたプロパティへのアクセスには注意が必要です。lodashなどのテスト済みのライブラリを使用する必要があります。 次の方法で、深くネストされたオブジェクトにアクセスできます- 例 let _ = require("lodash"); let obj = {    a: {       b: {          foo: &quo

変換するには、JSON.stringify（）を使用します。以下は、JavaScriptでMySQLDATETIME値をJSON形式に変換するコードです- <script> var mySQLDateTime = new Date("Fri Sep 06 2019 22 −54 −48 "); var yearValue = mySQLDateTime.getFullYear(); var dateValue = mySQLDateTime.getDate(); var monthValue=mySQLDateTime.getMonth(

Webスクリプトに通常使用されるJavaScriptプログラミング言語。これは、軽量でインタプリタされたプログラミング言語です。 JavaScriptは、Web開発用の最もプログラミング言語の1つです。 JavaScriptを実行するために、各ブラウザには独自のエンジンがあり、ブラウザでJavaScriptを適切に機能させることができます。いくつかの一般的なブラウザとそのJavaScriptエンジンは- Firefox用のクモザル V8 for Google Chrome Safari用のJavaScriptコード Microsoft Internet Explorer/Edge用のC

新しいObject（）表記とObjectliteral（{}）表記はどちらも同じことをします。オブジェクトを初期化します。ただし、2番目の表記は、プロパティを追加し始めると少し異なる場合があります。 例 let a = {    name: 'Ayush' } この初期化は-と同等です let a = new Object(); a.name = 'Ayush' または let a = {} a.name = 'Ayush'

JavaScriptで使用可能なparseInt関数には、次のシグネチャがあります- parseInt(string, radix); パラメータが次の場合- 文字列 −解析する値。この引数が文字列でない場合は、ToStringメソッドを使用して引数に変換されます。この引数の先頭の空白は無視されます。 基数 −文字列の基数（数式の基数）を表す2〜36の整数。 基数パラメーターを省略した場合、JavaScriptは次のように想定します- 文字列が「0x」で始まる場合、基数は16（16進数）です 文字列が「0」で始まる場合、基数は8（8進数）です。この機能は廃止されました

Errorオブジェクトのstackプロパティは、どの関数がどの順序で、どの行とファイルから、どの引数で呼び出されたかのトレースを提供します。スタック文字列は、最新の呼び出しから以前の呼び出しに進み、元のグローバルスコープ呼び出しに戻ります。これは、Javaのスタックトレースに似ています。 例 function a() {    throw new Error("error"); } try{    a() } catch(e) {    console.log(e.stack) } 出力 これにより、出力が得られ

バックボーンは、フロントエンド用のMVCフレームワークです。 Backboneを使用すると、データをモデルとして表し、作成、検証、破棄、およびサーバーへの保存を行うことができます。 UIアクションによってモデルの属性が変更されるたびに、モデルは「変更」イベントをトリガーします。モデルの状態を表示するすべてのビューに変更を通知して、それに応じて応答し、新しい情報で自分自身を再レンダリングできるようにすることができます。 Backboneは、キー値バインディングとカスタムイベントを備えたモデル、宣言型イベント処理を備えた列挙可能な関数ビューの豊富なAPIを備えたコレクションを提供することで、We

BackboneJSは、ビジネスロジックとユーザーインターフェイスロジックを分離できる構造をWebアプリケーションに提供します。 BackboneJSのアーキテクチャには、次のモジュールが含まれています- HTTPリクエスト HTTPクライアントは、Webブラウザや検索エンジンなどがHTTPクライアントのように機能するリクエストメッセージの形式でサーバーにHTTPリクエストを送信します。ユーザーは、HTTPリクエストプロトコルを使用して、ドキュメントや画像などのファイルをリクエストします。 ルーター これは、クライアント側アプリケーションをルーティングし、URLを使用してそれらをアクショ

唯一のハード依存関係（バックボーンjsがまったく機能しない）はUnderscore.jsです。アンダースコアは、組み込みオブジェクトを拡張することなく、便利な関数型プログラミングヘルパーの全体を提供するJavaScriptライブラリです。 バックボーン.jsのより高度な機能を使用するために必要な他の依存関係があります。たとえば、 RESTful永続性のためのライブラリ（Backbone.sync） Backbone.Routerを介した履歴サポート Backbone.ViewまたはJqueryを使用したDOM操作

Babelは、現在および古いブラウザまたは環境でECMAScript2015+コードを下位互換性のあるバージョンのJavaScriptに変換するために主に使用されるツールチェーンです。 Babelのプラグインを使用すると、ブラウザのサポートを待たずに、今すぐ新しい構文を使用できます。 babelJSを使用する主な理由は次のとおりです- 構文変換（最新のJS構文から下位互換性のある構文へ） ターゲット環境にないポリフィル機能（through @ babel / polyfill） ソースコード変換（コードモード）

Babelは、現在および古いブラウザまたは環境でECMAScript2015+コードを下位互換性のあるバージョンのJavaScriptに変換するために主に使用されるツールチェーンです。 Babelのプラグインを使用すると、ブラウザのサポートを待たずに、今すぐ新しい構文を使用できます。 babelJSを使用する主な理由は次のとおりです- 構文変換（最新のJS構文から下位互換性のある構文へ） ターゲット環境にないポリフィル機能（through @ babel / polyfill） ソースコード変換（コードモード）

配列内の偶数の位置にある数値の合計を取得する方法は複数あります。これらのうちの3つを見てみましょう- forループの使用 forループを直接使用して、合計を取得できます。 例 let arr = [1, 2, 3, 4, 5, 6]; let sum = 0; for(let i = 0; i < arr.length; i += 2) {    sum += arr[i]; } console.log(sum); 出力 9 forEachループの使用 このメソッドでは、配列を明示的に反復する代わりに、組み込み関数forEachを使用して反復することができます。要

デザインパターンは、経験豊富なオブジェクト指向ソフトウェア開発者が使用するベストプラクティスを表しています。デザインパターンは、ソフトウェア開発者がソフトウェア開発中に直面した一般的な問題の解決策です。これらのソリューションは、かなりの期間にわたって多くのソフトウェア開発者による試行錯誤によって得られました。 デザインパターンは言語に依存しません。デザインパターンは、作成パターン、構造パターン、行動パターンの3つのカテゴリに分類できます。 作成パターン-これらのデザインパターンは、新しい演算子を使用してオブジェクトを直接インスタンス化するのではなく、作成ロジックを非表示にしてオブジェクトを

デバウンス関数は、関数が起動できる速度を制限します。たとえば、サーバーにクエリを実行するオートコンプリートテキストバー。キーストロークごとにサーバーにクエリを実行すると、ネットワークとメモリに不必要な影響を及ぼします。代わりにできることは、特定の時間内に行われるこれらの呼び出しの数を制限することです。 実際の関数を引数として取り、レート制限された（スロットルされた）方法で実行する独自のデバウンス関数を作成できます。 例 const debounce = (cb, time) => {    let timeout;    return funct

データ型を別の型に変換することは、型キャストとして知られています。ある値のデータ型を別の値に変換する必要がある場合があります。状況によっては、JavaScriptが自動型変換を実行します。 コンバージョンの種類 自動型変換 JavaScriptは、条件式にブール値を期待しています。そのため、JavaScriptは括弧内の値を一時的にブール値に変換して、if式を評価します- if (val) {    console.log( 'yes, val exists' ); } 次の値はfalseと評価されます：0、-0、（空の文字列）、NaN、未定義、および

Number.NEGATIVE_INFINITYプロパティは、負のInfinity値を表します。 JavaScriptで使用可能な最大値を超える値は、負の無限大に変更されます。 例 function checkInfinity(smallNumber) {    if (smallNumber === Number.NEGATIVE_INFINITY) {       return 'Process number as -Infinity';    }    return smallNum

JavaScriptには、未定義、null、ブール値、文字列、数値の5つのプリミティブ型があります。それ以外はすべてオブジェクトです。 プリミティブ型のboolean、string、およびnumberは、それらのラッパーオブジェクト、つまり、それぞれBoolean、String、およびNumberコンストラクターのインスタンスでラップできます。 オブジェクトラッパーからプリミティブ値を取り戻すには、オブジェクトでvalueOfメソッドを呼び出す必要があります。 例 console.log(typeof true); console.log(typeof new Boolean(true))