プログラミングこんにちは!ケインコスゲです。今回は、JavaScriptの分割代入についてのブログ記事になります。最近のJavaScriptで使えるようになった分割代入、僕もよく使うことがあるのですが、正直に言うと、結構調べ直すことがあって、それだと効率が悪い!と思ったので、自分用にブログ記事に残すことにしました。出来るだけ具体的な事例を交えた方が定着もしやすいと思うので、そこを意識してブログを書いてみたいと思います。まとめJavaScriptの分割代入とは??JavaScriptの分割代入とは、ES2015から使用できるようになった新しめの手法です。式です」というのが分割代入です。!僕のようなおばかさんには、この言葉では理解が及ばないので、具体的にこんなときに使うと良い!という事例を次から紹介していき、分割代入に関する理解を深めて行きたいと思います。その1ー日付を取得するときJavaScriptに限らずですが、日時を取得したいときって良くありますよね。このとき、こんなコードを書く方も多いのではないかと思います。以下は、現在の日にちを取得したいというときのJavaScriptのサンプルコードです。みなさんがこのブログをご覧いただいている日の日付が表示されているのではないかと思います。これでも普通に日付はとれるので問題はないのですが、JavaScriptの分割代入を使用すると、次のような書き方をすることができます。同じ結果が表示されるのですが、少しすっきりとした書き方をすることができますよね!この事例のように、配列の形をうまく使うことで、複数の変数に対して、複数のデータを同時に代入・保存することができる、分割代入の使い方の1つにはこんなものがあったりします。(後から出したサンプルの方では、同じくES2015から使用できるようになったテンプレートリテラルというものを用いています)今回の事例、図にすると以下のようになります。配列の中でいうと変数currentYearに対して、date.getFullYear()の計算結果を代入している、という意味になります。具体的に使いそうな事例を交えることで、少しでも覚えやすくなるのではないでしょうか・・・(と自分にも言いたいです)まとめということで、今回のブログでは、JavaScriptの分割代入を具体的事例を交えてしっかりと覚えるというテーマのブログ記事をかかせていただきました!この記事は随時新しい事例が出たら更新していきたいと思います!自分のインプットのためにも。スロー再生する方法を紹介!PCを使ってコピペで簡単に実現できる!こんにちは!ケインコスゲ(@keinkosuge)です。本当に人気ですよねー。...記事を読むJavaScriptで日付を表す文字列を「-」「/」などで区切って年月日を扱いたい時に便利な方法こんにちは!ケインコスゲです。HTML&CSS編HTMLやCSS、JavaScriptを使ってWeb制作・開発をするときに、なくてはならないのがデベロッパー(検証)ツール。実際に自...記事を読むWordPressでマルチファイルアップローダーからのみ画像がアップロードできない時の対処法WordPressで画像をアップロードすること、たくさんありますよね。本文の途中に画像を挿入したり、アイキャッチ画像を設定したり、色々な...記事を読むBASEの独自ドメインはサブドメインのみ利用可→wwwなしドメインでも運用可能にしてみた以前、ECサイトを簡単に作れるBASEでHTML編集をすることができる機能についてブログを書いたことがありました。その後、な...記事を読むJavaScriptでカレンダーの一部・矢印クリックで年月を変更操作できるプログラムを作るこんにちは!ケインコスゲです。今回は、JavaScriptを使って、カレンダーの一部にあたる部分を作りたいと思います。–HTMLやCSS、JavaScriptなどをはじめとしたWeb周りの言語、プログラムは、メモ帳アプリケーション1つでも作ることができます。...記事を読むjQueryでアコーディオンメニューを実装・作成する!基本的な作り方から、難所の文法「this」までを理解しよう!個人的に実施している2020年6月毎日ブログ更新プロジェクト。Scriptで特定のスプレッドシートを自動で1日1回取得しGoogleDriveにバックアップ保存するグループ英語コーチング学習Gariben。「自分を動かす原動力は何か?」真剣に悩み考え探した経緯を残してみるグループ英語コーチング学習Gariben。