getElementById

getElementById・・・ getElementById メソッドは、要素の id 属性の値を指定して一致する Element オブジェクトを取得するものです。その前にDOMについて簡単に説明します。「Document Object Model」の略で、Webページ全体のコンテンツをオブジェクトと…

#未経験ITエンジニア #駆け出しエンジニアと繋がりたい #駆け出しエンジニア #JavaScript

2023-03-28

分割代入

分割代入というのは、「配列の要素」や「オブジェクトのプロパティ」を分解・分割して、変数（や定数）に値を代入することを指します。実際にサンプルを見てみましょう。・配列の分割代入 const scores = [92, 89, 88, 77, 54, 24, 11]; const [gold, silv…

#未経験ITエンジニア #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #JavaScript

2023-03-26

スプレッド構文

配列式や文字列などの反復可能オブジェクトを0個以上の引数（関数呼び出しの場合）や要素（配列リテラルの場合）を期待された場所で「展開」したり、オブジェクト式を0個以上のキーと値のペア（オブジェクトリテラルの場合）を期待された場所で「展開」した…

#未経験ITエンジニア #駆け出しエンジニア #駆け出しエンジニアとつながりたい #JavaScript

2023-03-25

デフォルト引数

JavaScriptでの関数の受け取る引数には「=」でデフォルト値を指定する事が可能です。デフォルト値を指定した場合、呼び出し元から引数を受け取らなかった場合に指定した値が代入されるようになります。実際にサンプルを見てみましょう。 function myFunctio…

#未経験ITエンジニア #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #JavaScript

2023-03-23

JavaScriptのsetTimeoutとsetInterval

ブラウザなどで、ページが表示されてから一定時間後に表示を変更したり、ページを遷移させたいというときには、setTimeoutとsetIntervalという関数を使うことができます。・setTimeout setTimeoutは、指定した時間後に一度だけ動作するものです。指定した…

#未経験ITエンジニア #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #JavaScript

2023-03-21

someとeveryメソッド

・every 配列が条件をすべて満たす場合にtrueを返します。・some someは配列が条件を一つでも満たしていればtrueを返します。早速サンプルを見てみましょう。 const exams = [80, 98, 92, 78, 77, 90, 89, 84, 81, 77] exams.every(exam => exam >= 75); /…

#駆け出しエンジニア #駆け出しエンジニアと繋がりたい #未経験ITエンジニア #JavaScript

2023-03-19

filterメソッド

提供されたコールバック関数を満たす要素からなる新しい配列を生成します。実際にサンプルを見てみましょう。 const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; numbers.filter((num) => { return num === 4; }) // [4] 1~10が入った配列があります。filt…

#未経験ITエンジニア #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #JavaScript

2023-03-16

アロー関数

関数式を簡潔に書くことができる構文です。早速サンプルを見てみましょう。 // 通常 const add = function (x, y) { return x + y; } add(3, 4) // 7 // アロー関数 const add = (x, y) => { return x + y; } add(3, 4) // 7 アロー関数式でも関数名は記述…