Trong JavaScript, nguyên thủy như chuỗi, số, boolean, v.v. được so sánh bằng giá trị của chúng trong khi các đối tượng (gốc hoặc tùy chỉnh) được so sánh bằng tham chiếu của chúng. So sánh bằng tham chiếu có nghĩa là hai hoặc nhiều đối tượng có trỏ đến cùng một vị trí trong bộ nhớ hay không.
Sau đây là đoạn mã để giải thích sự bình đẳng của các đối tượng trong JavaScript -
Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.result {
font-size: 18px;
font-weight: 500;
color: rebeccapurple;
}
</style>
</head>
<body>
<h1>Equality of objects in JavaScript</h1>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click the above button to compare objects</h3>
<script>
let BtnEle = document.querySelector(".Btn");
let resEle = document.querySelector(".result");
let obj = {
name: "Rohan",
age: 21,
};
let obj1 = {
name: "Rohan",
age: 21,
};
let obj2 = obj;
BtnEle.addEventListener("click", () => {
if (obj != obj1) {
resEle.innerHTML = "obj is not equal to obj1 <br>";
}
if (obj2 === obj) {
resEle.innerHTML += "obj2 is equal to obj";
}
});
</script>
</body>
</html> Đầu ra
Đoạn mã trên sẽ tạo ra kết quả sau -
Khi nhấp vào nút 'BẤM VÀO ĐÂY' -
