Ajax JavaScript PHP Web その他

配列要素に対して関数を実行して、要素の加工を行って新しい配列を作成します。

prototype.js

使用バージョン：1.5.1　公式サイト

1. ダウンロードしたprototype.jsを読み込みます。

<script type="text/javascript"
　　　　　src="prototype.js"></script>

---

2. collectメソッドを実行して、配列要素に対して加工を行います。

// 配列を生成する
var hairetsu = new Array(1, 2, 3);

// 配列各要素ごとに"collectArray"メソッドを実行する。
// "collectArray"メソッド内で要素値が2倍され、
// 新しい配列が作成される。
var newHairetsu = hairetsu.collect(collectArray);

// 配列各要素ごとに実行される関数
function collectArray(value, index) {
　// 値を2倍にして返す
　return value * 2;
}

newArray = array.each( method );

newArray	要素が加工された新しい配列
array	配列要素の加工を行う配列
method	配列各要素ごとに実行される関数

↓インラインフレーム内でサンプルが動作しています。

[Ajax - prototype.js - 配列]

配列の全ての要素をクリアする 　【clear】

配列の中のnull、undefined要素を削除する 　【compact】

配列要素から値を検索する 　【indexOf】

配列要素を逆順に並べ替える 　【reverse】

配列要素数分ループして関数を実行する 　【reverse】

配列要素を抽出する 　【findAll】

配列要素を正規表現を使って抽出する 　【grep】

配列に指定要素が存在するかどうかチェックする 　【include】

配列要素に対してソートを行う 　【sortBy】

配列要素から最大値を取得する 　【max】

配列要素から最小値を取得する 　【min】