Mảng bao gồm giá trị đối tượng javascript

Có hai phương thức mảng JavaScript thường được sử dụng để tìm một giá trị trong một mảng. includes() và indexOf(). Nếu bạn đang kiểm tra xem một mảng có chứa giá trị nguyên thủy hay không, chẳng hạn như chuỗi hoặc số, giải pháp sẽ đơn giản hơn so với việc bạn đang kiểm tra giá trị là một đối tượng

Kiểm tra xem một mảng có chứa giá trị nguyên thủy hay không

Giá trị nguyên thủy là một giá trị không phải là một đối tượng. Có bảy kiểu dữ liệu nguyên thủy. chuỗi, số, bigint, boolean, undefined, ký hiệu và

console.log(["Jenny", "Matilda", "Greta"].indexOf("Matilda") !== -1); // true

console.log(["Jenny", "Matilda", "Greta"].includes("Matilda")); // true

Đối số đầu tiên của phương thức includes() là

console.log(["Jenny", "Matilda", "Greta"].indexOf("Matilda") !== -1); // true

console.log(["Jenny", "Matilda", "Greta"].indexOf("Matilda") !== -1); // true

console.log(["Jenny", "Matilda", "Greta"].indexOf("Matilda") !== -1); // true

console.log(["Jenny", "Matilda", "Greta"].indexOf("Matilda") !== -1); // true

console.log(["Jenny", "Matilda", "Greta"].indexOf("Matilda") !== -1); // true

Bạn cũng có thể sử dụng phương thức indexOf() để xác định xem một mảng có chứa giá trị nguyên thủy hay không

console.log(["Jenny", "Matilda", "Greta"].indexOf("Matilda") !== -1); // true

Phương thức này trả về vị trí chỉ mục của giá trị trong mảng. Nếu giá trị không có trong mảng, nó trả về -1. Bạn có thể sử dụng điều này với toán tử bất đẳng thức nghiêm ngặt (_______0_______9) để trả về

console.log(["Jenny", "Matilda", "Greta"].indexOf("Matilda") !== -1); // true

console.log(["Jenny", "Matilda", "Greta"].indexOf("Matilda") !== -1); // true

Bạn cũng có thể sử dụng phương thức

const person = [{ name: "Bill" }, { age: 44 }];
const val = person[0];
console.log(person.includes(val)); // true

Kiểm tra xem một mảng có chứa đối tượng không

Nếu bạn đang kiểm tra xem một mảng có chứa một đối tượng trỏ đến cùng một vị trí trong bộ nhớ với một trong các mục của mảng hay không, thì việc kiểm tra sẽ giống như khi kiểm tra một giá trị nguyên thủy

const person = [{ name: "Bill" }, { age: 44 }];
const val = person[0];
console.log(person.includes(val)); // true

Nếu giá trị không trỏ đến cùng một vị trí trong bộ nhớ, phương thức includes() sẽ trả về

console.log(["Jenny", "Matilda", "Greta"].indexOf("Matilda") !== -1); // true

const person = [{ name: "Bill" }, { age: 44 }];
const val = person[0];
console.log(person.includes(val)); // true

const person = [{ name: "Bill" }, { age: 44 }];
const val = person[0];
console.log(person.includes(val)); // true

const person = [{ name: "Bill" }, { age: 44 }];
const val = { name: "Bill" };
console.log(person.includes(val)); // false

Mặc dù hai đối tượng khác nhau có thể có cùng các thuộc tính với các giá trị bằng nhau, nhưng chúng không được coi là bằng nhau khi so sánh bằng cách sử dụng toán tử đẳng thức nghiêm ngặt (

const person = [{ name: "Bill" }, { age: 44 }];
const val = person[0];
console.log(person.includes(val)); // true

Để kiểm tra xem hai đối tượng có cấu trúc bằng nhau hay không, cần có một hàm trợ giúp. Nó sẽ lặp qua các thuộc tính của từng đối tượng để kiểm tra xem chúng có cùng thuộc tính với cùng giá trị không

function shallowEqualityCheck(obj1, obj2) {
  const keys1 = Object.keys(obj1);
  const keys2 = Object.keys(obj2);
  if (keys1.length !== keys2.length) {
    return false;
  }
  for (const key of keys1) {
    if (obj1[key] !== obj2[key]) {
      return false;
    }
  }
  return true;
}

Hàm

const person = [{ name: "Bill" }, { age: 44 }];
const val = { name: "Bill" };
console.log(person.includes(val)); // false

Chức năng này thực hiện kiểm tra bình đẳng nông của hai đối tượng. Nó không kiểm tra các thuộc tính đối tượng lồng nhau. Nếu bạn cần so sánh các đối tượng với các thuộc tính lồng nhau, bạn sẽ cần thực hiện

Hàm kiểm tra đẳng thức nông này có thể được sử dụng với phương thức mảng

const person = [{ name: "Bill" }, { age: 44 }];
const val = { name: "Bill" };
console.log(person.includes(val)); // false

const person = [{ name: "Bill" }, { age: 44 }];
const val = { name: "Bill" };
console.log(person.some((item) => shallowEqualityCheck(item, val))); // true

Phương thức

const person = [{ name: "Bill" }, { age: 44 }];
const val = { name: "Bill" };
console.log(person.includes(val)); // false

const person = [{ name: "Bill" }, { age: 44 }];
const val = { name: "Bill" };
console.log(person.includes(val)); // false

console.log(["Jenny", "Matilda", "Greta"].indexOf("Matilda") !== -1); // true

const person = [{ name: "Bill" }, { age: 44 }];
const val = { name: "Bill" };
console.log(person.includes(val)); // false

console.log(["Jenny", "Matilda", "Greta"].indexOf("Matilda") !== -1); // true

Trong đoạn mã trên, phương thức

const person = [{ name: "Bill" }, { age: 44 }];
const val = { name: "Bill" };
console.log(person.includes(val)); // false

const person = [{ name: "Bill" }, { age: 44 }];
const val = { name: "Bill" };
console.log(person.includes(val)); // false

const person = [{ name: "Bill" }, { age: 44 }];
const val = person[0];
console.log(person.includes(val)); // true

const person = [{ name: "Bill" }, { age: 44 }];
const val = person[0];
console.log(person.includes(val)); // true

Một mảng có thể chứa các đối tượng JavaScript không?

Làm cách nào để kiểm tra xem một mảng đối tượng có chứa giá trị trong JavaScript không?

Liệu một mảng có chứa các đối tượng?

Giá trị đối tượng có thể là mảng không?