jquery方法介紹
阿新 • • 發佈:2018-12-19
- 方法:$.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());