使用js,根据属性值判断对象数组中是否有某个对象,有则替换无则添加
2022/6/14 23:23:23
本文主要是介绍使用js,根据属性值判断对象数组中是否有某个对象,有则替换无则添加,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
/** * 判断数组对象中是否有某个对象,有则替换无则添加 * @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")) //新增
这篇关于使用js,根据属性值判断对象数组中是否有某个对象,有则替换无则添加的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-10-04package.json 文件位置在哪?-icode9专业技术文章分享
- 2024-10-01Craco.js学习:从入门到实践指南
- 2024-10-01Create-React-App学习:入门与实践指南
- 2024-10-01CSS-in-JS学习:从入门到实践指南
- 2024-09-30JSX语法学习:从入门到初步掌握
- 2024-09-30Mock.js学习:入门教程与实战演练
- 2024-09-30React Hooks学习:从入门到实践
- 2024-09-30受控组件学习:React中的基础入门教程
- 2024-09-29JS定时器教程:初学者必看指南
- 2024-09-29JS对象教程:初学者的全面指南