Javascript

Uncaught SyntaxError: Illegal return statementを取得した場合 JavaScriptコンソールでは、通常、誤って返品を入力したことが原因です。 ステートメント（return ）関数の外。 これは許可されていません： // This throws an error because it’s outside of a function return David これは許可されています： // This works because return is inside a function var myNameIs = function() { ret

JavaScriptでスコープがどのように機能するか、およびグローバルスコープ、ローカルスコープ、レキシカルスコープの違いについて説明します。 範囲 関数または変数にアクセスできるコンテキストを指します。 JavaScriptには、グローバルスコープ、ローカルスコープ、字句スコープの3つのスコープタイプがあります。 グローバル変数 コードブロックの外部で宣言された変数です ローカル変数 コードブロック内で宣言された変数です 知っておきたいこと： 関数は、外部に設定されている変数やその他の関数にアクセスできます。 それ自体—ただし、内部に設定されている変数は含まれません その他の機能。

JavaScript文字列repeat() メソッドは、括弧内に指定した回数だけ文字列値を繰り返すために使用されます： let hipHop = hiphop .repeat(5) console.log(hipHop) // hiphop hiphop hiphop hiphop hiphop

JavaScript文字列concat() メソッドは、2つ以上の文字列を結合するために使用されます。 名前を格納するための2つの変数があり、それらを1つの文字列に結合するとします。 concat()を使用してこれを行う方法は次のとおりです 方法： const firstName = David const lastName = Tromholt var fullName = firstName.concat(lastName) console.log(fullName) // DavidTromholt とても簡単ですね しかし、2つの文字列の間にスペースが必要な場合はどうでしょう

JavaScriptを使用して大文字と小文字を大文字に変換する方法を学びます。 文字列を変換するには、JavaScriptのtoUpperCase()を使用できます。 方法： let someText = Here is some text. Let us convert it all to uppercase someText.toUpperCase() console.log(someText.toUpperCase()) // HERE IS SOME TEXT. LET US CONVERT IT ALL TO UPPERCASE toUpperCase() newを返します

JavaScriptを使用してテキストの大文字と小文字を小文字に変換する方法を学びます。 文字列を小文字に変換するには、JavaScriptのtoLowerCase()を使用できます。 方法： let someText = Here is some text. Let us convert it all to lowercase someText.toLowerCase() console.log(someText.toLowerCase()) // here is some text. let us convert it all to lowercase toLowerCase()

JavaScriptでは、値を同等に比較する方法が2つあることに気付いたかもしれません。 通常の等しい： == （二重に等しい） 厳密に等しい： === （トリプルは等しい） doubleの差は等しい（== ）およびトリプルイコール（=== ）は： 通常は値を比較するだけで、値を無視します type 厳密に等しい場合は、両方の値を比較します 値型。 例： // returns true 5 == 5 // returns false 5 === 5 上記の2つの例では、左側の値は数値です。 値型。右側は文字列です。 値のタイプ（引用符で指定' ' 。

JavaScriptでは、リターン ステートメントは、関数の実行を停止し、内部から値を返すために使用されます 関数。 関数addNameがあるとします。 名前の入力を受け入れます。 let addName = function(name) {} 次に、addName()に名前を渡します。 機能： let myNameIs = addName(David) ここで、addName 関数には変数nameが含まれています 文字列値が"David" ただし、現時点ではnameでは何もできません 変数とその文字列値David 、addName()内に留まっているため 機能。

ユーザーがページを更新しない、またはユーザーを成功ページにリダイレクトしないWebサイトでフォームを送信する場合、フォームフィールドをクリアしたいことがよくあります。バニラJavaScriptを使用してこれを行う方法は次のとおりです。 1。 HTML：ログインフォーム ログイン（送信）ボタンを押す前に、ユーザーがユーザー名とパスワードを入力する一般的なHTMLログインフォームは次のとおりです。 2。 JavaScript：送信時にフォームフィールドをクリアする このコードは、ユーザーが送信を押すとすぐにフォームのすべてのフィールドをクリアします： // Run function when

JavaScriptでは、オブジェクトにアイテムを追加する方法が2つあります。 ドットドット：object.thingToAdd 角かっこ表記：object['thingToAdd' ドット表記 最初にドット表記を見てみましょう： let dog = { name: Naya, age: 2, color: black, } // Add item to dog object dog.breed = Rottweiler mix // Log object to console console.log(dog) // { name: Naya, age

組み込みのsetTimeout()を使用して、JavaScript関数の実行を遅らせることができます。 メソッド。 3秒後にアラートダイアログを表示したいとします。 まず、3秒をミリ秒（ms）、つまり3000msに変換してから、関数を設定する必要があります。 setTimeout(function() { alert(That’s 3 seconds!) }, 3000) 上記は匿名（名前のない）関数ですが、1回しか使用できず、説明がないため、実際にはあまり実用的ではありません。 これはまったく同じ機能ですが、名前付きの関数式： const delayThreeSeconds =

JavaScriptを使用して文字列内のすべてのスペースを削除するには、RegExを使用できます。 const sentence = This sentence has 6 white space characters. console.log(sentence.replace(/\s/g, )) // Thissentencehas6whitespacecharacters. 上記の例では、結果をログアウトするだけで、変更は保存されません。 テキストから空白を完全に削除する場合は、新しい変数を作成し、sentence.replace(/\s/g, "")の値を割り

ES6 JavaScriptを使用すると、DOMから要素を簡単に削除できます。 remove()を添付するだけです 削除する要素へのメソッド： let element = document.querySelector(element-to-remove) element.remove() たとえば、h1を削除する場合 Webページの要素： let headingOne = document.querySelector(h1) headingOne.remove() remove() メソッドは、Edgeを含むすべての最新のブラウザと互換性があります。 IE11を含むInternetExpl

JavaScriptのURLコンストラクタメソッドを使用してURLからすべてのデータ値を取得する方法を学びます。 ウェブサイトにある種の内部検索機能を構築しているとしましょう。これを適切に行うには、URL文字列のすべてのデータ値にアクセスする必要があります。 幸い、JavaScriptにはnew URL()というコンストラクターメソッドがあります これにより、URLをオブジェクトに変換して、URL内のすべてのプロパティと値の概要を適切に整理できます。 これを使用するには、変数を作成し、それにnew URL('your-url')の値を割り当てます。 。たとえば、以下では

ウェブサイトのナビゲーションバー/メニューで現在アクティブなページを強調表示する方法を学びます。 一般的なWebサイトの機能は、ユーザーがページ間を移動するときに現在のページメニュー項目を強調表示することです。 バニラJavaScriptを使用してこれを行う方法は次のとおりです。 ステップ1：シンプルなメニュー ステップ2：CSSスタイリング 最小限のCSSスタイル。ここで重要なのは.currentです。 ステップ3で、現在アクティブなページアイテムに追加するクラスです。 .navbar { background-color: #111; padding: 1rem; } .nav

JavaScript比較演算子の基本。 JavaScriptでは、比較演算子 同等性をチェックするために使用されます または違い 値（数値、文字列）と変数の間。比較演算子はオペランドを比較します booleanを返します 値がtrueかfalseかに基づく値。 オペランド： この言葉で混乱させないでください。オペランドとは、比較演算子の両側の値を意味します。例： 2 <4 、ここ 2 および4 はオペランドであり、 は小なり演算子です。 ブール値 trueのいずれかである可能性のあるものを指します またはfalse。 説明付きの比較演算子リスト より大きい 未満

バニラJavaScriptを使用して、ユーザーがモーダルウィンドウの外側をクリックしたときに、モーダルウィンドウまたは任意のUI要素を閉じる方法を学びます。 モーダルポップアップは、特に画面全体を占める場合は、一般的に煩わしいものです。ウェブサイトにアクセスしてから数秒以内に発生すると、特に迷惑になります。愚かで、UXデザインが悪いです。 一部のWebサイトは、それを次のレベルに引き上げ、クローズモーダル（X）ボタンを非常に小さく、奇妙な位置に配置して、パズルを解きながら本当に腹を立てるのに十分な時間があるため、なぜそのWebサイトにアクセスしたのかを忘れてしまう可能性があります。そもそも

JavaScriptを使用して文字列から最後の文字を削除する最も簡単な方法は、slice()を使用することです。 メソッド。 そのためには、slice()内に2つのパラメータを追加する必要があります 方法： 開始点（0） 削除するアイテムの数（1） スペルミスのある会社名を修正する例を次に示します。 const companyName = Netflixx const fixCompanyName = companyName.slice(0, -1) console.log(fixCompanyName) // output: Netflix 注：splice() メソッドは元の変

JavaScriptの用語について混乱するのは簡単です。特に、一部の用語の定義は他の用語の定義と似ているためです。メソッドと関数も例外ではありません。 まず、2つの事実を確立しましょう： メソッドは関数です。 関数は、まあ、関数（コードを実行/実行するために呼び出すことができるもの）です。 関数とメソッドの違いは、それらの使用方法にあります。 通常の機能 単独で動作し、関数呼び出しによってトリガーされます。 通常の機能例： function alertMessage() { alert(Alert message triggered!) } // Call aler

JavaScriptでは、null およびundefined どちらもプリミティブ値です。 JavaScriptのプリミティブ値と非プリミティブ値のすべてをお読みください。 undefined variableは、宣言されているが、（まだ）値が割り当てられていない変数です。 たとえば、次の変数をログに記録してみてください。 let dogBreed // undefined undefinedを取得します dogBreed 変数には値がありません。 null 変数に一般的に割り当てられる値です。たとえば、コードに不要な未定義の変数が含まれないようにするには、値nullを割り当て