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());

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值