【前端】前端数据转化为后端数据

写在最前面
- 格式化数组
- - 代码解释
  - hasOwnProperty是什么？

🌈你好呀！我是是Yu欸 🌌 2024每日百字篆刻时光，感谢你的陪伴与支持 ~ 🚀 欢迎一起踏上探险之旅，挖掘无限可能，共同成长！

写在最前面

如题，我希望【前端】前端数据转化为后端数据。

格式化数组

javascript 复制代码

  // 初始化 dataList 数组
  let dataList = [];
  // 遍历 processedData 对象的每个属性
  for (let key in processedData) {
    if (processedData.hasOwnProperty(key) && fieldToDataType[key]) {
      // 根据映射表获取 dataType
      let dataType = fieldToDataType[key];
      // 将转换后的数据添加到 dataList
      dataList.push({
        dataType: dataType,
        value: processedData[key],
      });
    }
  }

代码解释

这段代码，其主要功能是将一个名为 processedData 的对象中的数据转换为一个新的数组 dataList。转换的依据是一个映射表 $`fieldToDataType`$ ，该映射表定义了 processedData 对象的属性名（key）与一个称为 dataType 的数字之间的对应关系。下面是这段代码的逐步解释：

使用 for...in 循环遍历 processedData 对象中的每个属性（key）。
对于每个属性，首先使用 hasOwnProperty 方法检查 processedData 是否自身拥有该属性，而不是从其原型链上继承的。这是为了确保只处理对象自身的属性。
接着，检查映射表 $`fieldToDataType`$ 中是否存在当前属性名（key）的映射。这一步确保只处理那些在映射表中定义了对应关系的属性。
如果上述两个条件都满足，那么从映射表 $`fieldToDataType`$ 中获取当前属性名对应的 dataType 值。
创建一个新的对象，包含两个属性：dataType 和 $`value`$ 是 processedData 对象中当前属性的值。
将这个新创建的对象添加到 dataList 数组中。

通过这个过程，原始的 processedData 对象被转换成了一个新的数组 dataList，其中每个元素都是一个包含 dataType 和 $`value`$ 的对象。这种转换使得数据更加结构化，便于后续处理或展示。

hasOwnProperty是什么？

hasOwnProperty 是 JavaScript 中的一个方法，用于检查对象自身（而非其原型链上）是否具有指定的属性。它是 Object.prototype 的一个方法，可以被所有的对象继承使用。这个方法接受一个字符串参数，即要检查的属性名，返回一个布尔值，表示对象是否具有该属性。

在使用 for...in 循环遍历对象的属性时，这个方法通常被用来确保属性是该对象自身的属性，而不是从原型链上继承下来的。这是因为 for...in 循环会遍历对象自身的所有可枚举属性以及它原型链上的可枚举属性。

示例代码：

javascript 复制代码

const obj = {
  ownProperty: 'value'
};

console.log(obj.hasOwnProperty('ownProperty')); // 输出：true
console.log(obj.hasOwnProperty('toString')); // 输出：false，因为toString是从原型链上继承的

在这个例子中，obj 对象有一个自身的属性 ownProperty，所以 obj.hasOwnProperty('ownProperty') 返回 true。而 toString 方法是所有对象从 Object.prototype 继承的，所以 obj.hasOwnProperty('toString') 返回 false。

hello，我是是Yu欸。如果你喜欢我的文章，欢迎三连给我鼓励和支持：👍点赞 📁 关注 💬评论，我会给大家带来更多有用有趣的文章。

原文链接 👉 ，⚡️更新更及时。

欢迎大家添加好友交流。