jQuery 工具方法

学习jQuery的工具函数：each/map/grep/merge/extend等实用方法 · 难度：入门 · +15XP

jQuery 工具方法

jQuery提供了许多实用的工具函数用于数据处理。

$.each() 遍历

// 遍历数组
$.each(['a','b','c'], function(index, value) {
    console.log(index + ': ' + value);
});

// 遍历对象
$.each({name:'张三', age:25}, function(key, value) {
    console.log(key + ' = ' + value);
});

$.map() / $.grep()

var nums = [1,2,3,4,5];
var doubled = $.map(nums, n => n*2);       // [2,4,6,8,10]
var evens = $.grep(nums, n => n%2===0);    // [2,4]

$.extend() / $.merge()

var a = {x:1}, b = {y:2};
$.extend(a, b);  // a → {x:1, y:2}

var arr = $.merge([1,2], [3,4]);  // [1,2,3,4]

类型判断

$.isArray([1,2]);      // true
$.isFunction(fn);      // true
$.isNumeric('123');    // true
$.isEmptyObject({});   // true

其他实用工具

$.trim('  hello  ');     // 'hello'
$.param({a:1, b:2});     // 'a=1&b=2'
$.now();                 // 时间戳

💡 练习

用$.each遍历数组并用$.grep筛选偶数，用$.extend合并两个对象。