Tìm các thành viên chung của hai đối tượng Javascript

Question

Cách dễ nhất để tìm các thành viên chung trong hai đối tượng Javascript là gì? Câu hỏi này không phải là về bình đẳng. Tôi không quan tâm đến giá trị của mỗi thành viên, chỉ là chúng tồn tại trong cả hai đối tượng.

Dưới đây là những gì tôi đã làm cho đến nay (sử dụng underscore.js):

_.intersection(_.keys({ firstName: 'John' }), _.keys({ firstName: 'Jane', lastName: 'Doe' })) 

này mang lại cho tôi một kết quả của ['firstName'] như mong đợi, nhưng tôi muốn tìm một cách dễ dàng hơn và hiệu quả hơn, tốt nhất vanilla Javascript.

• Có cách nào tốt hơn/dễ hơn để thực hiện việc này với dấu gạch dưới không?
• Có cách nào tốt hơn/dễ dàng hơn để thực hiện điều này mà không có gạch dưới (được ưa thích) không?

Answer 1

Chắc chắn, chỉ cần lặp qua các phím của một đối tượng và xây dựng một mảng của các phím mà cổ phần đối tượng khác:

function commonKeys(obj1, obj2) { 
    var keys = []; 
    for(var i in obj1) { 
    if(i in obj2) { 
     keys.push(i); 
    } 
    } 
    return keys; 
} 

Answer 2

var common = []; 
for (var key in obj2) if (key in obj1) common.push(key); 

Chỉnh sửa cho RobG: Nếu bạn tình cờ được làm việc trong môi trường bao gồm mã không phải là mã của riêng bạn, và bạn không tin tưởng (các) tác giả đã mở rộng Object.prototypecorrectly, sau đó bạn có thể wan t làm:

var common = []; 
for (var k in obj2) if (obj2.hasOwnProperty(k) && obj1.hasOwnProperty(k)) common.push(k); 

Tuy nhiên, như tôi đã nói trong các ý kiến ​​dưới đây, tôi đã viết một bài báo (với một danh hiệu viêm) về lý do tại sao tôi tin rằng đây từng là lời khuyên tốt, nhưng là lời khuyên tốt không còn:
http://phrogz.net/death-to-hasownproperty

Answer 3

này sẽ làm việc cho các trình duyệt hiện đại:

function commonKeys(a, b) { 
    return Object.keys(a).filter(function (key) { 
     return b.hasOwnProperty(key); 
    }); 
}; 

// ["firstName"] 
commonKeys({ firstName: 'John' }, { firstName: 'Jane', lastName: 'Doe' }); 

Answer 4

tôi biết câu hỏi này đã được trả lời nhưng tôi muốn đưa ra một "gạch" cách để làm việc đó. Tôi cũng hy vọng rằng mọi người sẽ thảo luận cách tốt nhất "gạch dưới" để làm điều đó ở đây.

var user1 = { firstName: 'John' }, user2 = { firstName: 'Jane', lastName: 'Doe' }; 

_.keys(_.pick(user1, _.keys(user2))) 

đó là ảnh đẹp nhất của tôi, nó không làm giảm các nguyên tắc gạch dưới từ câu hỏi gốc vì vậy có lẽ đây là cách tốt nhất bạn có thể làm.

Dưới đây là câu hỏi ban đầu trong định dạng của tôi để tham khảo

_.intersection(_.keys(user1), _.keys(user2))