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 返回映射后的新数组。