如何使用 JavaScript 檢查物件值是否存在而不向陣列新增物件？-js教程-PHP中文網

如何使用 JavaScript 檢查物件值是否存在而不向陣列新增物件？

WBOY

發布： 2023-09-08 10:49:02

轉載

993 人瀏覽過

如何使用 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)

登入後複製