JavaScriptのreduce関数が便利、けど動きが理解しづらいのでサンプルを列挙 - @ledsun blog
JavaScriptのreduce関数がとても便利なのです。 たとえば ユニークはこんな感じ var unique = function(array) { return array.reduce(function(a, b) { if (a.indexOf(b) === -1) { a.push(b); } return a; }, []); }; 関数の外部に結果を格納する変数を作らなくていいのが良いです。 *1 メジャーな例 集計 reduce関数は結構有用っていうお話 - あと味 に合計、最大値、最小値、平均の例があります。 ユニーク How to get an array of unique values from an array containing duplicates in JavaScript? - Stack Overflow には重複除去の例はここからパクリました。
JavaScript 1.7 の新機能: Days on the Moon
Firefox 2 の新機能の一つに JavaScript 1.7 への対応がある。Firefox 2 Beta 2 のリリースも近づき JavaScript 1.7 の新機能もほとんどが実装されてきたのでここにまとめてみる。といっても New in JavaScript 1.7 に大体はまとまっているので補足的な部分など。 識別子の扱い ブロックスコープ 分割代入 イテレータ ジェネレータ 配列内包 参考 なお、ブラウザ上でスクリプトを実行する場合は、JavaScript のバージョンを明記しないと let 、yield がキーワードとして認識されない (Bug 351515) 。 <script type="text/javascript; version=1.7"> JavaScript shell を使う場合は起動時にバージョンを指定するか version 関数を使う。 $ js
reduce関数は結構有用っていうお話 - あと味
JavaScriptに限った話ではないのですが、reduce関数を持つプログラミング言語がいくつかあります。 JavaScriptに関しては、一応、ECMAScript5の仕様に登場するようで、将来的にはどのブラウザでも使えるようになりそうな気配はあります。 Standard ECMA-262 また、MDCではreduceのアルゴリズムが掲載されているので、これを利用すれば現時点でもどのブラウザでもreduce関数を利用することができます。 reduce関数とは？ MDCに掲載されている文章を引用します。 配列の（左から右へ） 2 つの値に対して同時に関数を適用し、単一の値にします。 JavaScriptのreduceは、配列のメソッドです。左ら右へとありますが、右から左へ関数を適用するreduceRightという関数もあります。*1 どういう時に使えるか 元となる配列があって、それを累積
JavaScriptのイテレーションメソッドまとめ(forEach,map,reduce…)
また、HTML5 テクニックバイブルで知ったこと。 ECMAScript5ではいろいろな配列操作メソッド(イテレーションメソッド)が追加されたらしく、使ってみると便利そうなので勉強用にいろいろ触ってみたのでそのメモ。 以下、HTML5 テクニックバイブルに書いてあったイテレーションメソッドの説明の引用とMDLのサイトへのリンク(ただし英語。英語が読めない自分が紹介するのもなんですが・・・)。 forEach 各要素に任意の処理を逐次実行する 参考：Array.prototype.forEach() – JavaScript | MDN map 各要素に任意の処理を実行したり返り値で構成される配列を返す 参考：Array.prototype.map() – JavaScript | MDN filter 条件を満たす要素のみで構成される配列を返す 参考：Array.prototype.fil
Cre » JavaScriptのforEach,map,filter,every,some
Web制作初心者によるWebデザインやWebプログラムを扱った忘却ログ前にJavaScriptでは通常配列にfor inは使用してはいけないと書いた。それならば通常配列用のループメソッドはあるのかな？と思い調べてみたら、似たようなことができるメソッドがいくつかあることがわかった。今回はそこら辺のメモ。 forEachメソッド 例えば以下のような配列を順番に取り出すコード。 var ch = ["a", "b", "c", "d"]; for (var i=0; i<ch.length; i++) { console.log(ch[i]); //a b c d } これをforEachで書くと以下になる。 var ch = ["a", "b", "c", "d"]; ch.forEach(function(elem, index, array) { console.log(elem) //
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Arrayの基礎知識と各メソッドの使用方法 - Qiita