JavaScript オブジェクトで指定したキーだけ残す

Question

JavaScriptのオブジェクトで指定したキーだけ残すやり方を教えていただきたいです

const obj1 = {
 apple: "red",
 banana: "yellow",
 grape: "purple",
 orange: "orange"
}

const obj2 = {
 apple: "",
 orange: ""
}

または

const arr = ["apple", "orange"]

例えば上記のような場合求めていることとしてはオブジェクトのキー(obj2)または配列(arr)がobj1のキー名と同じ場合残し、下記のようなオブジェクトを作成したいのですが書き方ご存知の方教えていただきたいです

//　このような形にしたいです
const obj3 = {
 apple: "red",
 orange: "orange"
}

素人のためざっくりとした説明ですいません

Answer 1

const obj3=Object.fromEntries(Object.entries(obj1).filter(x=>Object.keys(obj2).includes(x[0])));
もしくは
const obj3=Object.keys(obj2).reduce((x,y)=>(x[y]=obj1[y],x),{});
これでもいけます
const obj3=Object.keys(obj2).reduce((x,y)=>Object.defineProperty(x,y,{enumerable:true,value:obj1[y]}),{});

Answer 2

(都合により削除)

Answer 3

素直に書けばこんなかんじ?

const obj1 = {
 apple: "red",
 banana: "yellow",
 grape: "purple",
 orange: "orange"
}

const arr = ["apple", "orange"]

let obj3 = {}

for (x of arr) {
    if (obj1[x] != undefined) obj3[x] = obj1[x]
}
console.log(obj3)