数组对象常用方法

1. 数组对象排序

sort() 排序纯数字数组排序

var arr = [23, 9, 4, 78, 3];
var compare = function (x, y) {//比较函数
    if (x < y) {
        return -1;
    } else if (x > y) {
        return 1;
    } else {
        return 0;
    }
}
console.log(arr.sort(compare));   

数组对象排序 并且考虑数字字符串转换为数字在比较

var compare = function (prop) {
    return function (obj1, obj2) {
        var val1 = obj1[prop];
        var val2 = obj2[prop];
        if (!isNaN(Number(val1)) && !isNaN(Number(val2))) {
            val1 = Number(val1);
            val2 = Number(val2);
        }
        if (val1 < val2) {
            return -1;
        } else if (val1 > val2) {
            return 1;
        } else {
            return 0;
        }            
    } 
}

2. 数组对象查询对象属性的最大值或最小值 

// 最大值
Math.max.apply(Math, array.map(function(item) {return item.value}))
// 最小值
Math.min.apply(Math, array.map(function(item) {return item.value}))

3. 数组和对象的深拷贝

第一种:递归方式(推荐,项目中最安全最常用)
   使用递归的方式进行对象(数组)的深拷贝 copyObj 或 deepClone
   function copyObj(obj = {}) => {
		  //变量先置空
		let newobj = null;  
		//判断是否需要继续进行递归
		if (typeof (obj) == 'object' && obj !== null) {
			newobj = obj instanceof Array ? [] : {};
			//进行下一层递归克隆
			for (var i in obj) {
				newobj[i] = copyObj(obj[i])
			}
			//如果不是对象直接赋值
		} else newobj = obj;
		return newobj;    
	}
	function deepClone(obj) {
		// 先判断是数组还是对象,好声明变量接收
		let params = Array.isArray(obj) ? [] : {};
		for (key in obj) {
			if (obj[key] && typeof obj[key] == "object") {
				params[key] = deepClone(obj[key]);
			} else {
				params[key] = obj[key];
			}
		}
		return params;
	}  
  
第二种:JSON.stringify() ;(这个不推荐使用,有坑)      
    let obj = {
		a:1,
		b:"基金亏太多,终有一天,你站上了天台,我卧上了轨道。来生我们有说有笑。"
	}
	//先转为json格式字符,再转回来
	let newObj = JSON.parse(JSON.stringify(obj));
	obj.a = 50;
	console.log(newObj.a); //输出 1
普通的对象也可以进行深拷贝,但是!!! 当对象内容项为number,string.boolean的时候,是没有什么问题的。但是,如果对象内容项为undefined,null,Date,RegExp,function,error的时候。使用JSON.stringify()进行拷贝就会出问题了。

第三种:使用第三方库lodash中的cloneDeep()方法
是否推荐使用,看情况吧。如果我们的项目中只需要一个深拷贝的功能,这种情况下为了一个功能引入整个第三方库就显得很不值得了。不如写一个递归函数对于项目来说性能更好。
import lodash from 'lodash';
let obj = {
	a: {
	    c: 2,
	    d: [1, 3, 5],
	    e:'阿巴阿巴'
	  },
	  b: 4
}
const newObj = lodash.cloneDeep(obj);
obj.b = 20;
console.log(newObj.b); //输出 4; 不会改变 

第四种: JS数组生成新数组的深拷贝
filter 返回过滤后的新数组;concat 返回连接后的新数组;reverse 返回反转后的新数组;map 返回映射后的新数组。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值