|WEBJavaScriptの変数宣言はvar、let、constと3つありますが、プログラムのバグ発生を防ぐためにも定数のように変化させない値を扱えるconstをうまく利用してプログラムを書いていくことが多くなってきます。そんな中で、constは再代入が不可なので定義されたものを変化させられないと思いますが、実際はオブジェクトを操作することは可能です。プログラムの中でconstで宣言したものを状況に応じてオブジェクト操作ができるととても便利です。いうことで、ここではいくつかのオブジェクトの操作方法をご紹介します。プロパティの変更オブジェクトのプロパティを変更方法になります。例として、人気でおすすめの観光地に関する情報を扱ったものを用意してみました。recommendにfirst、second、thirdとして情報を扱っている中で、secondを変更する場合には変数に対するキーを指定することでプロパティを変更することができます。"kyoto"}結果はconsole.log()でコンソールに表示させています。secondのプロパティがFukuokaに変更されたのが確認できます。プロパティを追加する先程のプログラムに2つほどプロパティを追加してみます。constでrecommendAddという変数を宣言して第一引数に「...recommend」と対象のオブジェクトを指定して、カンマ区切りでプロパティを追加していきます。"Kanagawa"}recommendAddにfourthとfifthのプロパティが追加されたのが確認できます。オブジェクトを統合する続いてはオブジェクトの統合です。例として、ユーザーの情報を管理するようなプログラムを用意してみました。2つのオブジェクトを新しいオブジェクトに結合してみます。以下はpart1にpart2を結合するプログラムになります。"Japan"この場合、存在するプロパティ(id)に対しては値が更新され、存在しないプロパティ(from)は追加されるように結合されます。オブジェクトプロパティを除外するオブジェクトのプロパティを除外することも可能です。先程のオブジェクトの結合のプログラムから、剰余演算子と組み合わせて分割代入を使用してfromのプロパティを除外します。"Password"noFromではfromを除外の対象として残りのプロパティはrestとして返すようにしています。コンソールではuserからfromが除外されているのが確認できます。まとめconstはなるべくプログラムのバグ発生を防ぐためにletとうまく使い分けていくことが多くなりますが、定数のように再宣言再代入ができず変化させられないものだという認識があります。オブジェクトが操作できるとなるといろいろ操作したいことがあるでしょう。今回ご紹介したのはほんの一部ですが、便利なのでうまく使いこなしてください。プログラミングの幅がまた一層広がります。Minifier」でファイルを圧縮・軽量化するプログラミングを学ぶ時にコードを書けるようになるまでに必要なことVSCodeの拡張機能「Minify」でCSSやJSファイルを圧縮・軽量化するJavaScriptでスクロール時に要素が可視範囲に入ったらコンテンツを表示させるWebサイトにベーシック認証(Basic認証)でアクセス制限をかけるCSSの@starting-style規則を利用したトランジションの実装Atomエディタを機能を拡張させるパッケージで日本語化対応させるGithub製のAtomエディタでターミナルやコマンドプロンプトを利用するPREV:Windowsの標準機能での全画面と部分キャプチャの撮り方NEXT:Webブラウザのデベロッパーツールの機能を使って画面上の色を取得するSEARCH検索PROFILEAkira元ボクサー、元トラックドライバーと不思議な経歴を持つ。納豆はご飯と分けて食べるタイプ。VOOMのタイムラインから手軽に情報にアクセスすることができます。Webエンジニアのブログ。