Array(3).fill().map(v => Math.random()) //[0.6330667476794745, 0.037943580782855424, 0.02379933999044881]
![JavaScriptの1行小ネタ集 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/561d1dc62a879e8ebe9468a07c8ca0b49c18b9fe/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9SmF2YVNjcmlwdCVFMyU4MSVBRTElRTglQTElOEMlRTUlQjAlOEYlRTMlODMlOEQlRTMlODIlQkYlRTklOUIlODYmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTc4MzZkMTdjNGU3NDhjMTk3Yzk0OGEyNTg1ZmNmZGUx%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwVGtzaSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MDg0NmUyZDNhMjVlMTE4MTk5OGQ2YjRlYjM0MWNhM2I%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Dcc3deaf01bc06374960d179a79a2d8ad)
Array(3).fill().map(v => Math.random()) //[0.6330667476794745, 0.037943580782855424, 0.02379933999044881]
javascriptでjsonなどのオブジェクトをコピーする場合、単純に以下のような方法ではうまくいきません。 var x = { "商品": { "バナナ": { "単価": 100, "個数": 3 }, "リンゴ": { "単価": 200, "個数": 5 } } }; var y = x; yに値は入りますが、yはxそのものを参照している状態なので、yの値を変更するとxの値も変更されてしまいます。 yはxのオブジェクトをコピーし、xとは全く別のオブジェクトとして扱いたい場合は少し工夫が必要です。 一度文字列に変換してから代入すれば、別のオブジェクトとして扱われます。
JavaScriptにおけるシャローコピー(shallow copy)とディープコピー(deep copy)について簡単にまとめました。 shallowは日本語で「浅い」という意味になります。 シャローコピー シャローコピーはざっくり言うと参照元のオブジェクトとコピー先のオブジェクトどちらも同じメモリを参照していることをいいます。 簡単な例 const obj = { name: "hoge", age: 24 } const obj2 = obj obj.name = "fuga"; console.log(obj2.name) // fuga console.log(obj.name) // fuga 同じメモリを参照しているのでobj2のnameを変更するobjのnameも変更されてしまいます。 ディープコピー ディープコピーとは、オブジェクトのみのコピーではなく、オブジェクトとメモ
IT業界を取り巻くテクノロジーは日進月歩で変化しています。だからこそ、自分が興味を持つ分野、やりたい仕事・技術を追求したり、自身のキャリアアップに向け転職を重ねたりするWeb・IT系エンジニアはあまり珍しくありません。 そうした中、長く転職をせず、1社に留まって“キャリアホップ”を続けているのが、LINE株式会社に所属するエンジニア・那須利将さん。もともと電子工学を専攻していた那須さんがプログラミングの面白さに目覚め、本格的にプログラムを始めたのは大学4年生の頃。以来ずっと、開発第一線の現場で活躍し続けています。 そんな那須さんに、転職することなくキャリアの幅を広げていくエンジニアライフをお聞きするべく、インタビューにお伺いしたところ、「名刺を持っていないんです」との言葉が。実はそこに、那須さんのエンジニアライフを象徴する理由がありました。 LINE株式会社 那須利将さん 那須さんが名刺を
CSSの難しさの根源はセレクタにある。CSS設計のための方法論ではどのようにしてセレクタと関わるべきかについて語られる。 その関わり方がCSSのみで実現できなければならないという制約を捨てたのがいわゆるCSS in JSの類(定義的に微妙なやつも全部ひっくるめて)だ。可能性は一気に広がり無数のライブラリが生み出された。 ある程度の期間を経ていくつかの着目すべきアプローチが見えてきた。これから僕はどのようにセレクタと関わっていくべきかという視点で記してみたい。 擬似スコープ 通常CSSのセレクタにはスコープはないが、HTMLやCSSにハッシュ値を付与して特定のコンテキストを擬似的に閉じてしまおうというアイデア。実装としては、Vue.jsの単一ファイルコンポーネント、Angularのコンポーネントスタイル、styled-jsxなど。関連するウェブ標準技術としてShadow DOMがある。 例え
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く