前端從對象數組中抓取指定的對象屬性值列表

前端從后端獲取的對象數組放在頁面中做批量操作的時候，我們有時會有這樣一種需求：需要從對象數組中獲取所有對象某個屬性值。
以下是用正則表達式做的一個簡單的實現，直接上方法：

function getColumnValuesFromJSONArr(jsonArr, attrName) {
  const jsonStr = JSON.stringify(jsonArr);
  let attrValArr = [];
  const regExp = new RegExp('"' + attrName + '":"(.*?)"', 'mg');
  while (regExp.test(jsonStr)) {
      attrValArr.push(RegExp.$1);
  }
  return attrValArr;
}

該方法需要傳入一個JSON對象數組，和對象的指定的屬性值(大小寫敏感)；如要實現屬性名大小寫不敏感只需在構建正則表達式的時候將參數“mg”替換為“mgi”即可。

測試數據

const fruitArr = [
    {
        "fruitId":"35d879f0-8c56-4fca-b44f-d331cf4c4242",
        "fruitCode":"APPLE",
        "fruitName":"蘋果"
    },
    {
        "fruitId":"493b8a66-f677-4d43-9cf0-e579f490e212",
        "fruitCode":"BANANA",
        "fruitName":"香蕉"
    },
    {
        "fruitId":"c94f65ed-d145-4e5f-a205-a81bfb737548",
        "fruitCode":"PINEAPPLE",
        "fruitName":"黑*鳳梨"
    }
];

以下是測試代碼和測試結果：
獲取fruitId值列表

console.log(getColumnValuesFromJSONArr(fruitArr, "fruitId"));

獲取fruitCode值列表

console.log(getColumnValuesFromJSONArr(fruitArr, "fruitCode"));

獲取fruitName值列表

console.log(getColumnValuesFromJSONArr(fruitArr, "fruitName"));