JavaScript– category –
-
JavaScript
【JavaScript】falsyとtruthyについて
本記事では、JavaScriptのfalsyとtruthyについて解説しています。 【falsyとtruthyとは?】 JavaScriptでは、全ての値をfalsyとtruthyに分けることができます。 例えば、if文で文字列を使った変数に対して条件分岐を行ってみましょう。 let str = "He... -
JavaScript
【JavaScript】OR条件とAND条件の仕組み
本記事では、JavaScriptのOR条件とAND条件の仕組みについて解説しています。 【falsyとtruthyについて】 OR条件とAND条件の仕組みを理解するには、falsyとtruthyについて知る必要があります。 全ての値はfalsyとtruthyに分けられます。例えばif文はtrueとf... -
JavaScript
【JavaScript】関数に初期値を設定する方法
本記事では、JavaScriptで関数に初期値を設定する方法についてサンプルコードを用いて分かりやすく解説しています。 【今までの関数に初期値を設定する方法】 今までの関数に初期値を設定する方法といえば、以下の方法が主流でした。 function output(val)... -
JavaScript
【JavaScript】関数(function)の使い方|宣言、呼び出し、引数、戻り値
本記事では、JavaScriptの関数(function)の宣言、呼び出し、引数、戻り値などの基本的な使い方について解説しています。 関数はJavaScriptを扱う上で、必須のものになるため使い方をマスターしましょう。 【関数とは?】 関数とは、複数の処理を一つにまと... -
JavaScript
【JavaScript】argumentsオブジェクトの使い方
本記事では、JavaScriptのargumentsオブジェクトの使い方について解説しています。 【argumentsオブジェクトとは?】 argumentsオブジェクトとは、関数内でしか使うことができない特殊なオブジェクトです。 function sample() { console.log(arguments); /... -
JavaScript
【JavaScript】Uncaught TypeError: Found non-callable @@iteratorの対処法
オブジェクトが反復可能な状態でない時にスプレッド構文(…)を使って内容を確認すると「Uncaught TypeError: Found non-callable @@iterator」のエラーが表示されます。 本記事では、JavaScriptのエラー「Uncaught TypeError: Found non-callable @@iterato... -
JavaScript
【JavaScript】…ドット3つの意味と使い方|スプレッド構文とレスト構文について理解しよう
JavaScriptで他人が作成したソースコードを見ていると、「…」と記述された処理を見たこと1度はあると思います。 当時の私はこの…が何を指しているのか全く分からず、この処理は結局何をするのか理解できませんでした。昨今のJavaScriptを使った開発では使... -
JavaScript
【JavaScript】関数に渡す値の数を固定ではなく可変にしたい時に使えるテクニック
本記事では、JavaScriptの関数に渡す値の数を固定ではなく可変にしたい時に使える2つのテクニックについて解説しています。 【基本的な関数の使い方】 JavaScriptで関数で引数を使う場合、基本的に渡される値の数と引数の数を同じに設定します。 function ... -
JavaScript
【JavaScript】コールバック関数とは?仕組みから使い方まで徹底解説
JavaScriptを使ったことのある人なら一度は聞いたことがある、コールバック関数ですが意識せずに何となく使っている方や小難しいから使っていない方が多いのではないでしょうか? コールバック関数は仕組みが少し複雑なため、敬遠しがちですが開発現場では... -
JavaScript
【JavaScript】thisの使い方をマスターしよう!
JavaScriptを使った開発をしているとthisは必ず目にすると言っても過言ではない程に使用されます。しかし、thisは挙動がかなり特殊な為、理解せず何となくで使っているとこのthisは何を参照しているのだろう?と混乱してしまいます。 そこで本記事では、Ja...