JavaScript入門 オプショナルチェーンの使い方
オブジェクトのプロパティにアクセする際に、そのプロパティがundefined やnullだった時には、エラーになります。
以下の例では、dog はないので、adventurer.dog.name へのアクセスはエラーになり ...
ESLint の –fix で自動的に修正されるルールの確認方法
ESLint の –fix オプションは、ルール違反になったコードを自動的に修正してくれますが、すべてのルールを修正してくれるわけではありません。
どのルールが自動修正の対象になるかというと、公式ページでレンチ ...
JavaScript nullとundefinedを同時に判定する方法
null または undefined を判定する場合は以下のようにします。
if(value == null){ console.log('null または undefined です')}value == ...
JavaScript Prototypeがないオブジェクトを作る
ご存知の通り、JavaScriptはプロタイプベースの言語で、あらゆるオブジェクトにはプロトタイプが存在しています。
以下のような空のオブジェクトであっても、プロトタイプが存在します。
const obj1 = {} ...
Node.jsのUnhandledPromiseRejectionWarningについて
Node.jsのバージョン14まででは、以下の二つのケースでUnhandledPromiseRejectionWarningが発生します。
async関数内でエラーをthrowしており、それがキャッチされていないProm ...
数学パズルをJavaScriptで解いてみたよ3
1から100までの番号が書かれた100枚のカードが順番に並べられています。
最初、すべてのカードは裏返しの状態で置かれています。
ある人が2番目のカードから、1枚おきにカードを裏返していきます。
数学パズルをJavaScriptで解いてみたよ2
4桁の並んでいる数字の各桁の間に四則演算の演算子を入れて計算することにします。
できあがった式を計算した結果、「元の数の桁を逆から並べた数字」と同じになるものを考えます。
なお、式の計算は数学の順序で行いま ...
数学パズルをJavaScriptで解いてみたよ1
10進数、2進数、8進数のいずれで表現しても回文数となる数のうち、10進数の10以上で最小の値を求めてください。
回文数とは逆から読んでも同じ数になる数です。(例 1001)
調べたこと10進数からn進数へ変換す ...
JavaScript入門 animation で遊んでみよう
ブラウザ上でアニメーションをつくるというと、ひと昔前はjQueryのようなライブラリーを使う必要がありました。
現在はブラウザに標準で実装されている機能を使うことが可能です。
※ただし、まだ実験的な機能なので、 ...
JavaScriptでstyleが取得できない場合はgetComputedStyleを使う
CSSファイルで適用されたスタイルは、JavaScriptから取得することができません。
例えば、#slide-wrapper に以下のようなスタイルが適用されているとします。
#slide-wrapper { po ...