/**
* 判断数组对象中是否有某个对象,有则替换无则添加
* @param {*} initialArr 源数组
* @param {*} obj 判定的对象
* @param {*} pro 对象中的某个属性名(唯一,通常为id)
*/
export const formateArrObjData = (initialArr, obj, pro) => {
// 判定数据是否为数组
if (!(initialArr instanceof Array)) {
return '请传入正确格式的数组'
}
// 判定数据是否为对象
if (!(obj instanceof Object)) {
return '请传入正确格式的对象'
}
if (!pro) {
return '请传入正确格式的属性名'
}
let index = initialArr.findIndex((val) => val[pro] === obj[pro])
// 如果有就替换 没有就添加 let tempArr=initalArr
if (initialArr.findIndex((val) => val[pro] === obj[pro]) !== -1) {
tempArr.splice(index, 1, obj);
} else {
tempArr.push(obj);
}
return tempArr
}
使用:this.tableArr = formateArrObjData(this.tableArr, tempObj, tempId)
// 这里的源数组如果是一维的,可以用扩展运算符、Object.assign()拷贝
例子:
let tempArr = [
{ id: "a", index_name: "晓看天色" },
{ id: "b", index_name: "暮看云" },
{ id: "c", index_name: "春赏百花" },
{ id: "d", index_name: "东赏雪" },
{ id: "e", index_name: "宠辱不惊" },
{ id: "f", index_name: "去留无意" },
{ id: "g", index_name: "再会" },
];
let tempObjA = { id: "f", index_name: "遇见" };
let tempObjB = { id: "m", index_name: "遇见" };
console.log(formateArrObjData(tempArr, tempObjA, "id")) //替换
console.log(formateArrObjData(tempArr, tempObjB, "id")) //新增