[javascript] 檢查物件裡面是否有重複的 key

2022-03-11 13:17:04

有一個 javascript 的物件如下，我們想要增加一筆新的資料進去，但不希望物件的 key 有重複：

let id=3;
let arr=[
  {
    1: 2
  },
  {
    2: 2
  }
]

這裡我透過迴圈把每個物件的 key 撈出來，再去檢查是否有跟想要插入的新資料比對。

let exist=0;
for(let i in arr){
  let key=Object.keys(arr[i])[0];
  if(id==key){
    exist=1;
  }
}
console.log(exist)

透過物件的 keys 的方法可以取得指定陣列的所有 key 的值，回傳會是一個陣列，因為這個範例比較單純，所以我直接抓回傳的陣列的第一筆資料，如果要檢查整個陣列就要在使用陣列的檢查方法就好了。

參考以上的方法就能知道欲插入的值是否有重複了。

[javascript] 把變數當成物件的 key 的方法 [VS Code 擴充套件] 使用 Live Sass Compiler 套件自動編譯 SASS/SCSS

你可能也會喜歡的

HTML5 Canvas 基礎(二) 漸層填色

[Vue.js] Component 的運用

[PHP, JS] 解決手機上傳圖片時照片旋轉 90 度的問題

YTPlayer- 好用的把 YouTube 當背景影片的 jQuery 套件，更可以設定影片的濾鏡效果

FullPageScroll- 簡單輕便的一頁式捲動套件

Tippy.js- 好用的 tooltip 套件

課程推薦

AI工作術全面學習實戰營：6 堂精選課程，學會最好用 AI 工具，翻轉你的人生

《PChome雜誌》攜手 5 位在 AI 領域的專業講師，打造上述 6 堂實用課程，教你學會時下最好用的 AI 工具，導入生成式 AI 來產製工作內容，改造並升級你的工作流程。

輸入折扣碼 ZERO2024 還可以額外獲得 NT$400 優惠喔。

HTML與SEO實戰應用—並以ChatGPT助力提升網站品質與流量

本課程專為希望深入了解 HTML 並有效結合 SEO 策略的學員設計。我們將重點放在 HTML 的深度學習與應用上，同時穿插介紹如何透過搜索引擎優化提升網站能見度。透過即時互動式的直播教學，加上 ChatGPT 的輔助，您將學習到如何建立一個結構優良、美觀且符合 SEO 標準的網站。這不僅會提升網站的用戶體驗，還會大幅提高網站的搜索引擎排名，進而增加訪客流量和潛在客戶。