前端从对象数组中抓取指定的对象属性值列表

前端从对象数组中抓取指定的对象属性值列表

前端从后端获取的对象数组放在页面中做批量操作的时候，我们有时会有这样一种需求：需要从对象数组中获取所有对象某个属性值。
以下是用正则表达式做的一个简单的实现，直接上方法：

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"));