jQuery数组函数和工具函数

jQuery数组函数

$.each(arr, function(index, item))

​ parameter：Array 回调函数function(index, item)

​ 可以遍历纯数组对象（array），类数组对象（arguments对象，DOM对象）;

$.grep(arr, function(item, index))

​ 可以过滤数组中的元素，只保留符合特定条件的元素并返回一个新数组。

​

       let result =  $.grep(list, function (item, index) {
            // 不过滤直接返回
            console.log(item, index);
            // 每一次遍历都返回true 即保留全部的数组项
            return true;
            // 每一次遍历都计算一次return的方法，若为true则保留
            return item % 2 == 0;
          })
        //   console.log(result);

$.map(arr, function(item, index))

​ 遍历每一个数组元素，并且每一次遍历的结果都可以进行一次修改，并将所有的返回值重新组合成一个新集合。

let res = $.map($("ul li"), function (item, index) { 
            // 每一次遍历的返回值都是0 并将所有的0形成一个新集合
             return 0;

            // 每一次遍历返回值都会形成一个新集合 list的值+4
             return index + 4;

            // 可以操作类数组对象 比如li
            // 返回由类数组中html形成的新集合
             return $(item).html();
         });
          console.log(res);

$.makeArray(likeArr)

​ 将类数组对象转化为数组对象，并返回该对象。

// makeArray将类数组对象转化为纯数组对象
// 最后返回一个包含所有li的数组
        let  newArr = $.makeArray($("ul li"));
         console.log(newArr);

$.merge(arr1, arr2)

​ 将两个数组进行合并，并生成一个新数组，arr2被拼接在arr1的后面。

jQuery工具方法

$.type()

​ 判断变量的类型

    console.log($.type(100) + ' ' + typeof(100));   // number number
	// typeof会判断数组类型为Object 数组本质是Object 而$.type会判断为array
    console.log($.type([1,2,3]) + ' ' + typeof([1,2,3]));   // array object
    console.log($.type({}) + ' ' + typeof({}));    // object object
    console.log($.type("sdfdsf") + ' ' + typeof("sdfdsf"));  //string string
    console.log($.type($(document)) + ' ' + typeof($(document)));   //object object

$.isFunction()

​ 判断当前变量是否是函数；

    console.log($.isFunction(newFn));	// true
    console.log($.isFunction($));	// true

$.isEmptyObject()

​ 判断当前变量是否为空对象；

    console.log($.isEmptyObject({}));	// true
    console.log($.isEmptyObject({"name":"lili"}));	// false

$.isPlainObject()

​ 判断指定参数是否是一个纯粹的对象;

    console.log($.isPlainObject({}));	// true
    console.log($.isPlainObject([1,2,3]));	// false
    console.log($.isPlainObject($(document)));	// false

$.isWindow()

​ 判断指定参数是否为window对象；

	console.log($.isWindow(window));

$.isNumeric()

​ 判断指定参数是否为数字，不仅判断数字类型而且是纯数字；

    console.log($.isNumeric(1234));	// true
    console.log($.isNumeric("DSFSD"));	// false
    console.log($.isNumeric(NaN));	// false NaN是数字类型，但是是非数字 所以为flase

$.trim() == str.trim()

​ 去除字符串前后两端的空格;

    let str = "       ---he-     ";
    console.log($.trim(str));
    console.log(str.trim());

$.param()

​ 序列化成字符串，将对象转化为key=value&key=value...形式的字符串。

    // 下列是将form表单转化为字符串
    console.log($.param({name: "lili", age: 50}));	// name=lili&age=50
    $("#btn").bind("click",function () {console.log($.param($("input")))  })

$.fn.jquery

​ 判断当前jQuery的版本

   console.log($.fn.jquery);	// 3.4.1