解釋 JavaScript 中物件相等性。
在 JavaScript 中,字串、數字、布林值等基礎資料型別會按其值進行比較,而物件(原生或自定義)則按其引用進行比較。按引用比較是指兩個或多個物件是否指向記憶體中的同一位置。
以下程式碼可說明 JavaScript 中物件的相等性:-
示例
<!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>
輸出
以上程式碼將產生以下輸出:-
點選“單擊此處”按鈕後:-
廣告