JavaScriptでオブジェクト（連想配列の配列）から削除キーを指定したい

Question

実現したいこと

連想配列の配列employeesから、「削除キーを指定」して、firstnameとageを削除したいと思っています。

const employees = [
	{ firstname: 'John', lastname: 'Smith', age: 20 },
	{ firstname: 'John', lastname: 'Doe', age: 10 }
];

つまり目的の値はこちらです。

[
	{ lastname: 'Smith' },
	{ lastname: 'Doe' }
]

試したコードA

以下のmapとdeleteでは実現できませんでした。

const result1 = employees.map(employee =>	{
	delete employee.firstname;
	delete employee.age
});
console.log(result1);

試したコードB

以下のforEachだと実現できたのですが、「削除キーを指定」という方法ではなくなってしまいます。

let result2 = [];
employees.forEach((employee) =>	{
	result2.push(employee.lastname)
});
console.log(result2);

試したコードC

以下のようにincludesで探す方法もダメでした。

const result3 = employees.map(employee =>	{
	if( Object.keys(employee).includes('firstname') ){
		delete employee.firstname;
	}
	if( Object.keys(employee).includes('age') ){
		delete employee.age;
	}  
});
console.log(result3 );

「削除キーを指定」という方法でresult2と同じ結果を得たいのですが、どのような書き方で実現できますでしょうか？

Answer 1

非破壊な方法。

const employees = [
        { firstname: 'John', lastname: 'Smith', age: 20 },
        { firstname: 'John', lastname: 'Doe', age: 10 }
];

const dels = ['firstname','age'];

const res = employees.map(employee =>
    Object.fromEntries(Object.entries(employee)
                             .filter(([key, value]) => !dels.includes(key))))
console.log(res)

Comments

[nikuatsu]

非破壊！求めていた処理でしたので助かりました。どうもありがとうございます。

Answer 2

delete は undefined になるだけでなくなるわけじゃないです。
結局は不要なものをコピーしないというロジックにするしかないかなあ。

const employees = [
	{ firstname: 'John', lastname: 'Smith', age: 20 },
	{ firstname: 'John', lastname: 'Doe', age: 10 }
];

const dels = ['firstname','age'];

res = [];
for (x of employees) {
    obj = {};
    for (y in x) {
        if (dels.includes(y)) continue;
        obj[y] = x[y];
    }
    res.push(obj);
}
console.log(res)

--- 追記 ---
申し訳ない。勘違いでした。

const employees = [
	{ firstname: 'John', lastname: 'Smith', age: 20 },
	{ firstname: 'John', lastname: 'Doe', age: 10 }
];

const result1 = employees.map(employee =>	{
	delete employee.firstname;
	delete employee.age;
	return employee;
});
console.log(result1);

Comments

[nikuatsu]

なるほど、最後に return employee; しないといけなかったのですね。ありがとうございます。

Answer 3

削除なのですから破壊的に処理してはだめなのでしょうか？

employees.forEach(employee =>	{
  delete employee.firstname;
  delete employee.age;
});

Comments

[nikuatsu]

なるほど、試したコードAと試したコードBをそう合わせればできましたね。ありがとうございます。