1. import { isFunction, isObject, isArray, isString } from '@/utils/dataType'
    3. /**
    4.  * 映射类
    5.  * 给对象的键名重命名，并可以给对应的值进行格式化
    6.  * @param {*} target 映射目标 对象或数组
    7.  * @param {*} reflectMap 映射map，按照key-value映射，
    8.  * @param {*} isReflectReverse 是否反向映射，在不改变reflectMap的情况下，变成按照value-key映射
    9.  */
    10. function ReflectObject(target, reflectMap, isReflectReverse) {
    11.   this._reflectMap = reflectMap;
    12.   this._target = target;
    13.   this._isReflectReverse = isReflectReverse;
    14.   this._result = [];
    16.   execute.call(this)
    18.   /**
    19.    * 处理数据
    20.    */
    21.   function execute() {
    22.     /**
    23.      * 对象处理
    24.      */
    25.     function handlerObject() {
    26.       this._result = {};
    28.       const targetKeys = Object.keys(this._target);
    29.       const reflectMapKeys = Object.values(this._reflectMap);
    31.       reflectMapKeys.map((reflectMapKey, index) => {
    32.         if (isString(reflectMapKey)) {
    33.           this._result[reflectMapKey] = this._target[targetKeys[index]];
    34.         } else if (isObject(reflectMapKey)) {
    35.           let finalValue = ''
    36.           if (isFunction(reflectMapKey.formatter)) {
    37.             finalValue = reflectMapKey.formatter(this._target[targetKeys[index]], this._isReflectReverse)
    38.           } else {
    39.             finalValue = this._target[targetKeys[index]]
    40.           }
    41.           this._result[reflectMapKey.key] = finalValue;
    42.         }
    43.       });
    44.     }
    45.     /**
    46.      * 数组处理
    47.      */
    48.     function handleArray() {
    49.       this._result = [];
    50.       this._target.map((targetItem) => {
    51.         let reflect = new ReflectObject(targetItem, this._reflectMap, this._isReflectReverse);
    52.         this._result.push(reflect.get());
    53.       });
    54.     }
    56.     /**
    57.      * 反向映射改变key-value变成value-key
    58.      */
    59.     function reverseReflectMap() {
    60.       if (this._isReflectReverse) {
    61.         let reflectMapKeys = Object.keys(this._reflectMap)
    62.         let reflectMapValues = Object.values(this._reflectMap)
    64.         let reflectMap = {}
    66.         reflectMapValues.map((reflectMapValue, index) => {
    67.           if (isString(reflectMapValue)) {
    68.             reflectMap[reflectMapValue] = reflectMapKeys[index]
    69.           } else if (isObject(reflectMapValue)){
    70.             reflectMap[reflectMapValue.key] = {
    71.               key: reflectMapKeys[index],
    72.               formatter: isFunction(reflectMapValue.formatter) ? reflectMapValue.formatter : undefined,
    73.             }
    74.           }
    75.         })
    76.         this._reflectMap = reflectMap
    77.       }
    78.     }
    80.     reverseReflectMap.call(this)
    81.     if (isObject(this._target)) {
    82.       handlerObject.call(this);
    83.     } else if (isArray(this._target)) {
    84.       handleArray.call(this);
    85.     } else {
    86.       throw new Error("target must be object or array");
    87.     }
    88.   }
    89. }
    92. /**
    93.  * 获取最终结果
    94.  */
    95. ReflectObject.prototype.get = function () {
    96.   return this._result;
    97. };
    99. // 例子
    100. const target1 = [
    101.   {
    102.     a: '1', // a的值可能是1或-1
    103.     v: "xm",
    104.   },
    105. ];
    107. const target2 = [
    108.   {
    109.     age: 2,
    110.     name: "xm",
    111.   },
    112. ];
    114. /**
    115.  * key 原对象的键名，类型：string
    116.  * value 重命名对象的键名以及格式化处理函数， 类型：string ｜ object
    117.  * @type {{a: {formatter: reflectMap.a.formatter, key: string}, v: string}}
    118.  */
    119. const reflectMap = {
    120.   a: {
    121.     /**
    122.      * 要转成的键名
    123.      * 类型：string
    124.      */
    125.     key: 'isShow',
    126.     /**
    127.      * 格式化函数
    128.      * 类型：Function
    129.      * @param value key对应的值
    130.      * @param isReflectReverse 是否是反向映射
    131.      * @returns {string}
    132.      */
    133.     formatter: function (value, isReflectReverse) {
    134.       if (isReflectReverse) {
    135.         return value === '是' ?  '1' : '-1'
    136.       } else {
    137.         return Number(value) === 1 ? '是' : '否'
    138.       }
    139.     }
    140.   },
    141.   v: "name",
    142. };
    144. // 把a变成age，把v变成name
    145. let reflectObject = new ReflectObject(target1, reflectMap, false);
    146. console.log(reflectObject.get()); // [ { isShow: '是', name: 'xm' } ]
    148. // 把age变成a，把name变成v
    149. let reflectObject2 = new ReflectObject(target2, reflectMap, true);
    150. console.log(reflectObject2.get()); // [ { isShow: '-1', name: 'xm' } ]