[B! 配列] gazza069のブックマーク

gazza069 id:gazza069

配列に関するgazza069のブックマーク (5)

jQueryのeach()で複数の要素、配列、オブジェクトをループ処理
jQueryでループ処理を行う際によく使われる each()の使い方を分かりやすくお伝えします。通常のHTML要素だけでなく、配列やオブジェクトもjQuery.each()で処理できます。ループから抜ける方法も併せてご紹介します。
gazza069 2022/07/27
jQuery

配列
リンク
配列を征する者はJSを制す。JavaScriptのスマートな配列操作テクニック - ICS MEDIA
JavaScriptでコードを記述する際、配列の各要素について処理をするケースは頻出します。開発の現場で配列操作の処理を見ていると、次のようなケースがよくあります。配列の非破壊の望まれる場面が増えているが、元の配列を破壊操作している filter()やevery()など配列のメソッドで書けるところを、forEach()メソッドやfor ... of文を使ってコードを記載し、冗長になっている記述しても効果のないArray.from()を使用しているコード的には問題なく、アプリケーションは意図的に動作しているかもしれません。しかし、冗長な記述は可読性が低下し、予期せぬバグを誘発する可能性があるでしょう。本記事では、配列操作でよく見かける冗長な記述を、簡潔な記述で置き換える方法について解説します。本記事で紹介するJavaScriptの配列操作のチートシートを用意したので、まとめて読みた
gazza069 2022/07/27
配列

javascript
リンク
JavaScriptのArrayを知る。大きな目標への小さな一歩〜Array.prototype.splice編〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
JavaScriptのArrayを知る。大きな目標への小さな一歩〜Array.prototype.splice編〜こんにちは、フロントエンドエンジニアのザワです。突然ですが…… 気持ち、切り替えられていますか？私は季節の変わり目に新しい自分を迎える準備として断捨離を行います。そして、気分を一新するために新しい洋服を購入します。頭の先から足の先まで。要するに、帽子や靴などを含む身にまとうものすべてを新しくします。すると、手っ取り早くテンションを上げられるので、最近3年くらいはこのスタンスでいます。あげぽよです。ただし、異常に気に入るアイテムがあった場合、次の年に同じものが手に入るとは限らないのでタンスの奥にしまうこともあります。「断捨離ってないじゃないか！」「例外のルールがあるなんてエンジニアとして失格じゃないか？」そんな声が聞こえてきますが、厳密なルールというのは崩れると弱
gazza069 2022/07/27
javascript

配列
リンク
JavaScriptのArrayを知る。大きな目標への小さな一歩〜Array.prototype.concat編〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンドエンジニアのザワです。突然ですが、みなさんは「繋がり」を大事にしていますか？老後のことを考えると、人はひとりじゃ生きていけませんから、やはり誰かと手と手を取り合って生きていかなければなりません。今回のArrayシリーズは、そんな友達100人作りたいあなたにぴったりのメソッド、Array.prototype.concatをご紹介します。 ※ここからの説明は個人的に調べて解釈したざっくりとした説明になります。詳しく知りたい方はこちらへどうぞ Array.prototype.concat()メソッドとは値を連結させて新しい配列を作るメソッドです。 Array.prototype.concat。発音はコンカット？コンカト？とにかく物理的に固そうな名前ですね。辞書で調べてみると、concatは見つからなかったのですが、concatenate、連結させる、という意味
gazza069 2022/07/27
javascript

配列
リンク
JavaScriptのArrayを知る。大きな目標への小さな一歩〜Array.prototype.filter編〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
本日はArray.prototype.filter()メソッドについて見ていきます。名前からも想像はつきやすいかと思います。要は「フィルタリングするんでしょ？」ってことですよね。本当にそうなのか、その目で確かめてください。 ※ここからの説明は個人的に調べて解釈したざっくりとした説明になります。詳しく知りたい方はこちらへどうぞ https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/filter Array.prototype.filter()メソッドとはフィルタリングして新しい配列を作成するメソッドです。引数にはコールバック関数を渡します。コールバック関数は配列の各要素に対して実行され、trueを返した要素のみが新しい配列に残る、ということになります。コールバック関数の第１
gazza069 2022/07/27
javascript

配列
リンク
1