如何使用 JavaScript 檢查物件值是否存在,如果不存在則向陣列新增新物件?


本文將介紹如何使用 JavaScript 檢查物件值是否存在,如果不存在,則向陣列新增新物件。在 Javascript 中,幾乎每個變數都是一個物件。物件可以是字串、數字、布林值等。它們也可以是鍵值對。

Javascript 中的陣列是一種特殊的變數,可以儲存多個專案。可以使用關鍵字“const”初始化陣列。

示例 1

在本例中,我們使用 .some() 函式檢查物件是否存在。

var inputArray = [{ id: 1, name: "JavaScript" },
   { id: 2, name: "javascript"},
   { id: 3, name: "Scala" },
   { id: 4, name: "Java" }]
console.log("The input array is defined as: ")
console.log(inputArray)
function checkName(name) {
   return inputArray.some(function(check) {
      return check.name === name;
   });
}
console.log("Does the object JavaScript exist in the array? ")
console.log(checkName('JavaScript'));
console.log("
Does the object HTML exist in the array? ") console.log(checkName('HTML'));

解釋

  • 步驟 1 − 定義一個數組“inputArray”並向其中新增鍵值對。

  • 步驟 2 − 定義一個名為“checkName”的函式,該函式將字串作為引數。

  • 步驟 3 − 在函式中,使用 some() 函式檢查給定值是否存在於陣列中。

  • 步驟 4 − 顯示布林值作為結果。

示例 2

在本例中,我們透過使用 push() 函式將物件推送到陣列末尾來將物件值新增到陣列中。

var inputArray = [{ id: 1, name: "JavaScript" },
{ id: 2, name: "javascript"},
{ id: 3, name: "Scala" }]
console.log("The input array is defined as: ")
console.log(inputArray)
function addObject(name) {
   inputArray.push({ id: inputArray.length + 1, name: name });
   return true;
}
console.log("Adding Object : Java to the array")
addObject("Java")
console.log("The array after adding the object is")
console.log(inputArray)

解釋

  • 步驟 1 − 定義一個數組“inputArray”並向其中新增鍵值對。

  • 步驟 2 − 定義一個名為“addObject”的函式,該函式將字串作為引數。

  • 步驟 3 − 在函式中,使用 array.push 函式將物件推送到陣列的最後一個位置。

  • 步驟 4 − 顯示陣列作為結果。

更新於: 2023年2月16日

1K+ 閱讀量

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告
© . All rights reserved.