Skip to content

Instantly share code, notes, and snippets.

@YusukeHirao
Created November 19, 2012 14:54
Show Gist options
  • Save YusukeHirao/4111091 to your computer and use it in GitHub Desktop.
Save YusukeHirao/4111091 to your computer and use it in GitHub Desktop.
配列を操作するjQueryのユーティリティ関数まとめ ref: http://qiita.com/items/8d1089c2bf86e7dc05ef
// ECMA5から使えるforEachメソッドとはvalueとindexの引数の順番が逆
[1, 2, 3].forEach(function (value, index, context) {
// loop
});
var array = [1, 2, 3],
length = array.length;
(function () {
var i;
for (i = 0; i < length; i += i)
if (i === 2) {
return; // 無名関数まで抜けることができる。
// break; ループだけ抜ける場合はコレ。
}
});
}());
(function () {
$.each([1, 2, 3], function (i, value) {
if (i === 2) {
return; // $.eachまでしか抜けられない。
}
});
}());
// ECMA5から使えるmapメソッドと引数の順番は同じ
var newArray = [1, 2, 3].map(function (value, index, context) {
// return newValue;
});
// 基本的にはjQueryの要素コレクションが返されるが、コールバック関数の戻り値に、jQuery要素もしくはDOM要素以外を
var result = $('div').map(function (index, element) {
// this === element は true
return element.nodeName; // 文字列を返してみる。
});
result; // インデックスには文字列が入っいるDOMを参照しない、できそこないのキメラのような中途半端なjQuery要素が出来上がる。
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment