jQuery入門筆記之（六）工具函數

function trim(str) {
    var result = "";
    result = str.replace(/^\s+|\s+$/g, ""); //使用正則進行字符串替換
    return result;
}
//下面是jQuery中的使用方法
var str = "         guowen      ";
alert($.trim(str));//可以看到空格被去除了

var arr = ["二狗", "甲地", "道德", "鯉魚"];
//原生JS實現，只能用來遍歷數組，不能遍歷對象。
function each(arr, fn) {
    for (var i = 0, l = arr.length; i < l; i++) {//遍歷傳參
        fn(arr[i], i);//第一項為值，第二項為索引
    }
}
each(arr,function(value,index) {
    console.log(index+":"+value);//0:二狗1:甲地2:道德3:鯉魚
});

//jQuery中的方法
$.each(arr, function (index,value) {//注意此處更改了參數的位置。index為數組下標，從0開始
    console.log(index+":"+value);//0:二狗1:甲地2:道德3:鯉魚
});
//$.each()還可以用來遍歷對象
//<div id="box"></div>
$.each($.ajax(), function (name, fn) {
    $("#box").html($("#box").html() + name + "." + "<br />");//一堆,就不貼了
})

var arr = [12, 33, 4, 5, 1, 77, 55, 32];
/**
 * 數據篩選函數。
 * @param  {String or Number} element  這里表示數組項，字符串數字都有可能（自行在函數內部進行篩選）
 * @param  {Number} index   表示數組下標，如下面的index<4，就只在前四項進行篩選
 * @return {String or Number}         返回篩選出來的項
 */
console.log($.grep(arr,function  (element,index){
    return element<6&∈dex<4;//會打印出[4, 5]。
}));

//還是上面的數組
var arrMap = $.map(arr,function(element, index) {
    if(element<6 && index<4){
        return element+1;
    }
});
console.log(arrMap);//打印出[5,6]

/**
* 獲取查找到元素的下標
* @param  {String or Number} element  需要查找的字符串或數字
* @param  {Array} arr   待查找的數組
* @return {Number}   返回查找到的元素的數組下標0開始，(查找到多個時，返回第一個)，未查找到時返回-1
*/
var arrInArray = $.inArray(1, arr);
console.log(arrInArray);//返回4

//將arr2拼接到arr后，返回合并的數組
$.merge(arr, arr2);

function uniqArray(arr) {//數組去重
    var result = []; //創建一個新數組。
    for (var i = 0, l = arr.length; i < l; i++) {
        if (result.indexOf(arr[i]) === -1) { //查找是否已經含有該元素
            result.push(arr[i]); //添加到新數組
        }
    }
    return result; //返回去重后的新數組
}

//<ul><li>1</li><li>2</li><li>3</li><li>4</li></ul>
console.log($('li').toArray());//[[li, li, li, li]]。注意數組項是原生的DOM元素。
console.log($('li').toArray().length);//4

var obj={a:"1"};
alert($.isEmptyObject(obj));//false。

alert($.isPlainObject({a:"1"}));//true
alert($.isPlainObject(new Object("a")));//false

var obj = {
    name : 'Lee',
    email : "guowen921@163.com"
};
console.log( $.param(obj));//name=Lee&email=guowen921%40163.com
console.log(decodeURIComponent( $.param(obj)));//name=Lee&email=guowen921@163.com
//請注意上面的郵箱部分，$.param()會對于特殊字符進行編碼傳輸，下面的代碼，可以將其解析成字符

//<button>點擊</button>
var o = {
    name: "Lee",
    test: function(event) {
        console.log(this.name);
    }
};
$("button")
  .on("click", o.test) // 無輸出（默認this指向觸發該事件的元素也就是button）
  .on("click", $.proxy(o.test, o)); // Lee，現在指向o