1. 程式人生 > >jquery方法介紹

jquery方法介紹

  • 方法:$.extend
var object1 = {
    apple: 0,
    banana: {
        weight: 52,
        price: 100
    },
    cherry: 97
};
var object2 = {
    banana: {
        price: 200
    },
    durian: 100
};

//預設情況淺拷貝
//object1--->{"apple":0,"banana":{"price":200},"cherry":97,"durian":100}
//object2的banner覆蓋了object1的banner,但是weight屬性未被繼承
//$.extend(object1, object2);

//深拷貝
//object1--->{"apple":0,"banana":{"weight":52,"price":200},"cherry":97,"durian":100}
//object2的banner覆蓋了object1的banner,但是weight屬性也被繼承了呦
$.extend(true,object1, object2);

console.log('object1--->'+JSON.stringify(object1));
  • 方法:js和jquery的陣列過濾 grep()和filter() 陣列去重 去 null undefind
var arr1  =[1,2,3,null,undefined];
	var arr=$.grep(arr1,function(n,i){
		return n;
	},false);
	console.info(arr);//(3) [1, 2, 3];過濾掉了null和undeifind
 
	//js方法filter
	//大家應該都知道filter是Javascript中Array常用的操作,它用於把Array的某些元素過濾掉,然後返回剩下的元素。
	//下面這篇文章就給大家介紹了關於Javascript中Array.filter()的妙用,下面來一起看看吧。
	var arr2 = arr1.filter(function(item){
		return item!=undefined;
	});
	console.log(arr2)//(3) [1, 2, 3]
 
	//例如,在一個Array中,刪掉偶數,只保留奇數,可以這麼寫:
	var arr = [1, 2, 4, 5, 6, 9, 10, 15];
	var r = arr.filter(function (x) {
	 return x % 2 !== 0;
	});
	console.log(r); // [1, 5, 9, 15]
 
	//把一個Array中的空字串刪掉,可以這麼寫:
	var arr = ['A', '', 'B', null, undefined, 'C', ' '];
	var r = arr.filter(function (s) {
	 return s && s.trim(); // 注:IE9(不包含IE9)以下的版本沒有trim()方法
	});
	console.log(arr); // ['A', 'B', 'C']
 
	// 可見用 filter 這個高階函式,關鍵在於正確實現一個“篩選”函式。
	// 回撥函式
	// filter 接收的回撥函式,其實可以有多個引數。通常我們僅使用第一個引數,表示Array的某個元素。
	// 回撥函式還可以接收另外兩個引數,表示元素的位置和陣列本身:
	var arr = ['A', 'B', 'C'];
	var r = arr.filter(function (element, index, self) {
	 console.log(element); // 依次列印'A', 'B', 'C'
	 console.log(index); // 依次列印0, 1, 2
	 console.log(self); // self就是變數arr
	 return true;
	});
 
	//利用 filter ,可以巧妙地去除Array的重複元素:
	var r,
	arr = ['apple', 'strawberry', 'banana', 'pear', 'apple', 'orange', 'orange', 'strawberry'];
	r = arr.filter(function (element, index, self) {
	 return self.indexOf(element) === index;
	});
	console.log(r.toString());