[TOC]
>[success] # 對象數組多條件去重
~~~
需求:一個'對象數組',根據'id'屬性和'name'屬性去重。
1. 如果兩個對象'id'和'name'都相等就要進行'去重',
2. 如果'id'相等,'name'不相等,不需要去重
3. 如果'name'相等,'id'不相等,不需要去重
~~~
1. index.js
~~~
let dataArr = [
{
id: 1,
name: '名稱1'
},
{
id: 2,
name: '名稱2'
},
{
id: 2,
name: '名稱2'
},
{
id: 2,
name: '名稱3'
},
{
id: 3,
name: '名稱4'
},
{
id: 4,
name: '名稱4'
},
{
id: 5,
name: '名稱5'
}
]
let arr1 = []
let arr2 = []
for (let i = 0; i < dataArr.length; i++) {
if (!(arr1.includes(dataArr[i].id + '-' + dataArr[i].name))) { // 1-名稱1 / 2-名稱2 等等。。。
// 數組中沒有就往里添加
arr1.push(dataArr[i].id + '-' + dataArr[i].name)
arr2.push({
id: dataArr[i].id,
name: dataArr[i].name
})
}
}
// console.log(arr2)
// [
// { "id": 1, "name": "名稱1" },
// { "id": 2, "name": "名稱2" },
// { "id": 2, "name": "名稱3" },
// { "id": 3, "name": "名稱4" },
// { "id": 4, "name": "名稱4" },
// { "id": 5, "name": "名稱5" }
// ]
~~~
- vue復選框邏輯
- get請求給后臺傳數組
- 提交表單時傳值參數處理方案
- Element ui上傳圖片功能
- async和await的使用
- 時間戳轉換
- 日期格式轉換時間戳
- 時間戳轉換日期格式
- 對深拷貝的認知總結
- vue-右鍵菜單功能
- textarea中換行、回車、空格的識別與處理
- element ui表格合并
- 合并行(上下行)
- 雙層for循環
- 數組去重
- 瀑布流
- 前端多條件篩選
- 閉包的理解
- 改變this指向
- vue單選框邏輯
- 對象數組根據某個屬性來進行排序
- vscode插件整理
- 對象數組多條件去重
- Blob類型數據轉換Json數據類型
- Element ui做批量上傳功能
- 前端cookie和后端cookie
- 強制轉換https協議
- 給事件傳額外參數
- 樹形結構數據處理
- 查找所有父級數據
- 根據id篩選單條數據
- 動態引入阿里圖標庫
- 四舍五入
- 封裝一個Promise.allSettled方法
- 判斷輸入框內是否有emoji表情
- element-ui的popover組件位置偏移
- formData上傳文件時,攜帶【數組對象參數】
- 前端解壓壓縮包(zip)解壓后上傳解壓的文件
- element ui表格列相同解決辦法
- elementUI,table復選框多選,翻頁/切換條數時保持選中狀態
- cookie 和 token 的區別