JavaScript 関数内の連想配列のkey名の部分を変更したい

Question

JavaScript初級者です。

データベースから取り出した値に対して処理をしようとした際、
関数内の連想配列のキー名だけを変更した処理を複数回行いたいという場面がありました。

前提・実現したいこと

下記のコードは例ですが、samplePlaceFuncとsampleFoodFuncはキー名が違うだけなので、
1つの関数にまとめたいと考えました。

const sampleArray = [
{sampleName:"山田",samplePlace:"東京",sampleFood:"そば"},
{sampleName:"田中",samplePlace:"大阪",sampleFood:"たこ焼き"}
]

function samplePlaceFunc(array){
  let samplePlaceArray = [];
  array.forEach(element => {
   samplePlaceArray.push(element.samplePlace); //samplePlaceを別のキー名に変えた処理をしたい
  });
  return samplePlaceArray;
}
console.log(samplePlaceFunc(sampleArray)); // 結果["東京","大阪"]


function sampleFoodFunc(array){
  let sampleFoodArray = [];
  array.forEach(element => {
   sampleFoodArray.push(element.sampleFood);
  });
  return sampleFoodArray;
}
console.log(sampleFoodFunc(sampleArray)); // 結果["そば","たこ焼き"]

試したこと

キー名だけを引数で変更しようとしましたが、うまくいきませんでした。

//これは動かない
function sampleThingFunc(array,keyName){
  let sampleThingArray = [];
  array.forEach(element => {
   sampleThingArray.push(element.keyName);
  });
  return sampleThingArray;
}
console.log(sampleThingFunc(sampleArray,sampleFood)); // error:Uncaught ReferenceError: sampleFood is not defined

キー名を関数の外から変更することはできますでしょうか？

ご教授いただけますと幸いです。
何卒よろしくお願いいたします。

Answer 1

配列なので、単純に

sampleThingArray.push(element[keyName]);

という方法で可能かと。

Comments

[pecoro0321]

動きました！ありがとうございました！！

ブラケット内に入れれば文字列で指定できるのでしたね…初歩の失念でした。
自分では気づくことができず大変助かりました。ありがとうございました！！