jQuery_jquery での一般的なデータ処理メソッドのまとめ

この記事の例は、jQuery の一般的なデータ処理メソッドをまとめたものです。皆さんの参考に共有してください。詳細は以下の通りです。

$.trim(): 文字列の前後の空白文字を削除します。

var str = ' 薯条 ';
var formatStr = $.trim(str);  //'薯条'

$.param(): 配列またはオブジェクトのシリアル化。

var obj = {
  name: 'dog',
  count: 10
};
var str = $.param(obj); //"name=dog&count=10"

$.isArray(): 配列かどうかを確認します。
$.isFunction(): 関数型かどうかを確認します。
$.each(obj, [callback]): 配列またはコレクション オブジェクトを走査します。 obj は走査されるコレクション オブジェクトで、callback はコールバック関数を表します。この関数は、各メンバーが走査されるときに開始されます。コールバック関数には 2 つのパラメーターが含まれます。最初のパラメーターはオブジェクト メンバーまたは配列のインデックスであり、2 番目のパラメーターは対応する値です。

var a = [x,y,z];
$.each(a, function(index, value) {
  console.log(index); //0,1,2
  console.log(value); //x,y,z
});
var b = {x:1, y:2, z:3};
$.each(b, function(key, value)) {
  console.log(key);  //x,y,z
  console.log(value); //1,2,3
}

注: each() ループを途中で終了したい場合は、コールバック関数で false を返すことができ、他の戻り値は無視されます。

$.each() と $(selector).each() は同じ機能を持ちますが、$.each() は任意のオブジェクトまたは配列を走査できますが、$(selector).each() は選択されたオブジェクトのみを走査できます。現在のセレクター jQuery オブジェクトによって。

$.makeArray(): 配列のようなオブジェクトを配列オブジェクトに変換します。いわゆる配列のようなオブジェクトには長さ属性があり、インデックスは 0 から length-1 までです。ただし、これらのオブジェクトは配列メソッドを呼び出すことができません。

var arr = $.makeArray($('li')); //类数组对象转换为数组
$('ul').html(arr.reverse()); //可以调用数组的reverse()方法了

$.grep(): フィルター関数に基づいて、条件を満たさない配列内の要素をフィルターで除外します。

$.grep(配列, コールバック, [反転]);

説明: パラメータ配列はフィルタリングされる配列を表し、コールバックはフィルタリング関数を表します。フィルター関数が true を返した場合、要素は保持されます。フィルター関数が false を返した場合、要素は削除されます。パラメーター invert (オプション) は、false または設定されていない場合、フィルター関数によって true として返される配列内の要素を返します。このパラメーターが true の場合、フィルター関数によって false として返される要素を返します。

var a = [1,2,3,4,5];
a = $.grep(a, function(value, index)) {
  return value > 3; //a现在为[4,5]
});
var b = [1,2,3,4,5];
b = $.grep(b, function(value, index)) {
  return value > 3; //b现在为[1,2,3]
}, true);

$.map(): マップ配列。
$.map(配列, コールバック);

var a = [1,2,3,4];
a = $.map(a, function(elem)) {
  return elem * 2; //a现在为[2,4,6,8]
});

$.merge(): 配列を結合します。
説明: 2 つの配列パラメータを受け入れます。

var a = [1,2,3];
var b = [4,5];
var c = $.merge(a,b); //c为[1,2,3,4,5];

$.unique(): DOM 要素配列内の重複を削除します。

...
<a id="1" class="link link1"></a>
<a id="2" class="link"></a>
<a id="3" class="link"></a>
...
var $link = $('.link'); //包含#1,#2,#3
var $firstLink = $('.link1'); //包含#1
var $links = $.merge($link, $firstLink); //包含#1,#2,#3,#1
var $linkList = $.unique($link); //包含#1,#2,#3

注: 処理できるのは DOM 要素配列のみであり、文字列や JavaScript 配列は処理できません。

この記事が皆さんの jQuery プログラミングに役立つことを願っています。